Question

在Chrome上，是否有人知道如何让Google Developer Console访问链接到对话框页面请求的HTML页面的javascript文件？在我的网站中，可以从包含HTML页面的窗口轻松访问所有javascript文件，但是当我打开一个通过JQuery请求HTML页面的对话框时，链接的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。

提前致谢！

Answer 1

我对这个问题很好奇，因为我问自己完全一样。我希望你的意思是你没有在来源标签中看到它，因为正如andyb所说它出现在网络标签中，但是没有机会调试动态添加的文件。< / p>

经过一些谷歌搜索后，我偶然发现了一个堆栈溢出thread，提出了类似的问题。

以下是他们的想法：

如果要设置断点，只需在要包含的行中添加debugger;即可。如果整个文件应列在“源”选项卡中，则可以添加

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

在您加载的文件的末尾。

我还找到了Chrome开发者工具文档entry，其中介绍了您必须执行的操作。不幸的是，演示被破坏了（错误出现在控制台中）

Answer 2

是的，使用显示浏览器加载的每个资源的Network标签。在DevTools控制台的底部，您还可以选择 Scripts 来过滤掉其他资源。

如何从Google Developer Console中的Dialog页面访问Javascript？

2 个答案: