为什么Chrome开发者工具/控制台不会显示动态加载的javascript文件/错误？

Question

我正在使用require代码中的函数加载文件,该函数会<script/>在页面正文中添加一个带有相关属性的标记.

脚本加载得很好并且可以访问它们,但如果我在其中一个中有错误,它从未在控制台中显示,并且我没有在开发人员工具内的Scripts选项卡中显示它们,实际上是在抢劫我调试功能.

我究竟做错了什么？

我的require函数如下所示:

require: function (moduleId) {
    var filename = this.config.modulesDir + '/' + moduleId + '/module.js';
    var script = $('<script></script>').attr({
        'src': filename,
        'type': 'text/javascript'
    }).appendTo('#Scripts');
}

Answer 1

这适用于最新版本的Chrome(15.0.874.121).我确实设置了一个jsfiddle示例,你可以清楚地看到它的工作原理:

http://jsfiddle.net/Tgax4/

您的问题有两种可能的解决方案:

1. Chrome在您的工作站上不是最新的.更新它.
2. 您需要不存在的脚本,这就是它们未列出的原因.确保您拥有正确的位置.

在第二种情况下,chrome应该在控制台中告诉你脚本不存在,所以我很确定它与旧的chrome版本有关.

Answer 2

确保您正在显示开发工具内部框架中的脚本。如果您在 iframe 中加载脚本，那么您应该在 chrome 检查器中选择此框架作为当前环境，以显示此框架中的脚本。在 chrome devtools 的左下角按钮旁边有一个小选择，可以让您更改当前帧（默认为 ）。尝试选择其他框架并检查脚本是否会显示在“脚本”选项卡上的脚本选择器中。

另外，如果您看不到错误，请检查底部提到的选择旁边是否选择了适当的日志记录级别 - 尝试选择“全部”按钮，然后检查您是否会看到任何错误。