如何在Visual Studio 2013中調試JavaScript

Question

我們正在嘗試使用JavaScript構建Windows 8本機應用程序。 我們使用jQuery動態加載javascripts文件，並且所有javascript文件都存儲在應用程序內部。 當我嘗試調試javascript時，無法打斷點，說“當前不會打斷點...。”，但是在解決方案資源管理器中，有一個“腳本文檔”項目，有一個名為“腳本”的文件。區塊”，其中包含從jQuery加載的所有JavaScript。 禁用“啟用我的代碼”后，我可以從那里進行調試，但是由於該文件很大，因此很難找到放置斷點的正確位置。

實際上，所有的javascript文件都具有sourcemap屬性，例如：//＃sourceURL = ms-appx：//d664ef20-6ac8-11e4-ab78-2f4dc8b50d53/www/resources/abc.js

它可以與所有瀏覽器（IE，Safari，Firefox和Chrome）正常工作。 但是Visual Studio似乎無法識別它們。

有人遇到同樣的問題嗎？

祝小軍

Answer 1

我希望您正在執行此操作，該操作將內容評估為字符串，從而將該字符串添加到“腳本文檔”下的“評估代碼”文件中。 注意，您仍然可以設置斷點，只需從“評估代碼”文檔中進行設置即可。

// 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);