在chrome中调试异步加载的js文件

@sourceURL

我们常常利用chrome强大的控制台Sources下面进行代码断点调试，但是通过$.getScript等异步加载JS的方式在Sources里面就是找不到，那如何进行debug断点调试呢？

方案一： 在script代码的头部或者尾部加上//@ sourceURL=xxx.js，然后在(no domain)里面找到它进行调试,如果使用firefox浏览器，直接在debug中就可以找到xxx.js

code

function loadJs(path){
$.ajax({
url:path,
dataType:"text",
success:function(res){
console.log(res);
var $script = $('<script/>')
/*
参考资料 http://www.cnblogs.com/yasmi/p/5523976.html */
.append('//@ sourceURL='+path+'\n')
.append(res);
$('head').append($script);
}
});
}

$(function(){
loadJs("./a.js");

});