在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");

});