如何從Google Developer Console中的對話頁訪問Javascript？

在Chrome上，是否有人知道如何讓Google開發者控制檯訪問鏈接到從對話頁面請求的HTML頁面的JavaScript文件？在我的網站中，所有JavaScript文件都可以通過包含HTML頁面的窗口輕鬆訪問，但是當我打開一個通過JQuery請求HTML頁面的對話框時，鏈接的JavaScript文件將不會出現在控制檯中。如何從Google Developer Console中的對話頁訪問Javascript？

下面是我如何開始一個對話框，HTML（鏈接）嵌入式：

function load_dialog(link, title, width, height){ 

//Take care of the options first. 
var options = { 

    autoOpen: true, 
    position: "top", 
    closeOnEscape: true, 
    title: title, 
    width: width, 
    height: height, 
    modal: true, 
    resizable: false, 
    show: {effect:"fade", duration:500}, 
    close: function (event, ui){ 
     dialog_box.dialog("destroy").remove(); 
    } 
}; 

//Launch the dialog. 
var dialog_box = $("<div></div>").load(link).dialog(options); 
return false;

}

我還要補充一點，就可以看到鏈接到此HTML當我打開的JavaScript對話框通過一個新窗口。

在此先感謝！

來源

2013-05-09 Mario

我很好奇這個問題，因爲我問自己完全一樣。我希望你的意思是你沒有看到它在來源選項卡，因爲和他說它出現在網絡選項卡，但沒有機會調試動態添加的文件。

一些google搜索後，我偶然發現了一個計算器thread問過類似的問題。

這裏是他們來幹什麼了：

如果你想設置一個斷點就在你想擁有它的行添加debugger;。如果整個文件應在源選項卡中列出你可以在你加載的文件的末尾添加

//@ sourceURL=myfile.js 
//or 
//@ sourceURL=path/to/js/myfile.js

。

我還發現了一個Chrome開發者工具文檔entry描述你必須做的事情。不幸的是演示被破壞（錯誤出現在控制檯中）

來源

2013-05-09 16:59:02 SirDerpington

啊，太棒了！感謝這裏的幫助 - 那就是了。我希望這在Chrome開發者工具文檔中更加明顯。 – Mario 2013-05-09 18:26:16

完美！別客氣 – SirDerpington 2013-05-09 18:37:42

是，使用Network標籤，它顯示在瀏覽器加載的所有資源。在DevTools控制檯的底部，您還可以選擇腳本來過濾掉其他資源。

來源

2013-05-09 16:38:16 andyb

如何從Google Developer Console中的對話頁訪問Javascript？

回答

相關問題