javascript - 使用jquery将脚本标签插入头部时如何启用chrome调试

Question

我在尝试动态加载一堆脚本文件时遇到了这种情况，并且在 JavaScript 失败时没有返回任何错误。这有望为人们节省很多时间。

使用 jquery 将脚本标记插入头部时如何启用 chrome 调试。这不允许调试（不返回错误）。

$(function(){    
    $('head').append('<script type="text/javascript" src="example.js"></script>');
});

Answer 1

我发现通过标准的 dom 插入来做这件事是可行的。

. 可能是因为 jquery 接受了您的操作并尝试使用 ajax 来代替？这听起来不对，但这是我唯一能想到的。

. 请注意，只有 $('head').append 会导致它出于某种原因阻止调试。

function safeAddScript(url){
    var el=document.createNode('script');
    el.type="text/javascript";
    el.src=url;
    document.getElementsByTagName('head')[0].appendChild(el);
}

$(function(){
    safeAddScript('example.js');
});