在 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。
提前致谢!
最佳答案
我很好奇这个问题,因为我问过自己完全一样的问题。 我希望你的意思是你没有在 Sources 选项卡中看到它,因为正如 andyb 所说,它出现在 Network 选项卡中,但没有机会调试动态添加的文件。
谷歌搜索后,我偶然发现了一个计算器 thread问一个类似的问题。
这是他们想出的:
如果你想设置一个断点,只需在你想要的行中添加 debugger;
即可。
如果整个文件应列在“源”选项卡中,您可以添加一个
//@ sourceURL=myfile.js
//or
//@ sourceURL=path/to/js/myfile.js
在您加载的文件末尾。
我还找到了一个 Chrome 开发者工具文档 entry它描述了你必须做什么。不幸的是演示被破坏了(错误出现在控制台中)
关于javascript - 如何从 Google Developer Console 的对话框页面访问 Javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16466673/