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