javascript - 如何从 Google Developer Console 的对话框页面访问 Javascript？

Question

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

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

谷歌搜索后，我偶然发现了一个计算器 thread问一个类似的问题。

这是他们想出的:

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

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

在您加载的文件末尾。

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