使用Chrome加载外部JS代码进行网站调试

HTML2014-12-19 16:41

当JS库可以直接访问,函数需要手动调用时,打开Chrome调试控制台:

var script = document.createElement("script")
script.type = "text/javascript";
script.src = "http://github.com/gremlins.min.js";
document.getElementsByTagName("head")[0].appendChild(script);

匿名函数方式,加载完成后再直接自动调用,打开Chrome调试控制台:

(function(){function callback(){gremlins.createHorde().unleash()} var s=document.createElement("script");s.src="https://rawgithub.com/marmelab/gremlins.js/master/gremlins.min.js";if(s.addEventListener){s.addEventListener("load",callback,false)}else if(s.readyState){s.onreadystatechange=callback}document.body.appendChild(s);})()

也可以在地址栏直接运行上方代码,只要在前面加上javascript:即可。
另外绝大部分浏览器支持把JS代码保存为书签,需要使用时只要点击即可。

参考:https://github.com/marmelab/gremlins.js


原文链接: http://blog.jtwo.me/load-external-js-to-debug-website-in-chrome