如何在Visual Studio 2013中调试javascript

How to debug javascript in Visual Studio 2013

本文关键字：调试 javascript 2013 Studio Visual      更新时间：2023-09-26

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

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

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

有同样问题的人吗？

问候小军

我希望您正在这样做，这会将内容评估为字符串，从而导致字符串被添加到脚本文档下的"eval code"文件中。请注意，您仍然可以设置断点，只需从"eval code"文档中执行此操作即可。

// 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);
相关文章：