3

在 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。

提前致谢！

4

2 回答 2

1

我对这个问题很好奇，因为我问自己的问题完全一样。我希望您的意思是您没有在“源”选项卡中看到它，因为正如 andyb 所说，它出现在“网络”选项卡中，但没有机会调试动态添加的文件。

经过一番谷歌搜索后，我偶然发现了一个 stackoverflow线程问了一个类似的问题。

这是他们想出的：

如果你想设置一个断点，只需添加debugger;你想要的行。如果整个文件应该列在 Sources 选项卡中，您可以添加一个

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

在您加载的文件的末尾。

我还找到了一个 Chrome 开发者工具文档条目，它描述了你必须做什么。不幸的是演示被破坏了（错误出现在控制台中）

于 2013-05-09T16:59:02.917 回答
0

是的，使用显示浏览器加载的每个资源的网络选项卡。在 DevTools 控制台的底部，您还可以选择脚本来过滤掉其他资源。

于 2013-05-09T16:38:16.267 回答