如何在Visual Studio 2013中调试javascript

时间:2014-11-14 21:38:35

标签: javascript visual-studio-2013 windows-applications

我们正在尝试使用JavaScript构建Windows 8本机应用程序。我们使用jQuery动态加载javascripts文件,所有的javascript文件都存储在应用程序内部。当我尝试调试javascript时,断点无法命中,说“断点当前不会被命中......”,但在解决方案资源管理器中,有一个脚本文档项目,有一个名为“脚本”的文件block“,其中包含从jQuery加载的所有javascripts。我禁用“启用我的代码”之后可以从那里进行调试,但很难找到放置断点的正确位置,因为这个文件太大了......

实际上所有的javascript文件都有sourcemap属性,例如://#sourceURL = ms-appx://d664ef20-6ac8-11e4-ab78-2f4dc8b50d53/www/resources/abc.js

它适用于所有浏览器,IE,Safari,Firefox和Chrome。但Visual Studio似乎无法识别它们。

有同样问题的人吗?

此致 小军

1 个答案:

答案 0 :(得分:0)

我希望你这样做,它将内容作为一个字符串进行破坏,导致字符串被添加到" eval代码"脚本文档下的文件。注意,你仍然可以设置断点,你只需要从" eval代码"文档。

// eval via AJAX -- adds to the "eval code" document
$.ajax("./js/fileToAdd.js").done(function (data) {
    window.eval(data);
});

如果通过脚本标记加载文件,脚本文件将单独加载,断点按预期绑定,因为内容与文件绑定而不是字符串。以下是:

// Add <script> tag to head -- Causes script file to be loaded/displayed individually
var scriptTag = document.createElement("script");
scriptTag.src =  "./js/fileToAdd.js"
document.head.appendChild(scriptTag);