如何在页面上注入jQuery代码,严格的客户端 - Chrome？

Question

我想知道Chrome中是否有办法可以在我正在查看的渲染页面上执行.js文件？换句话说,我希望能够访问一些我无法控制的网站(例如stackoverflow.com),并执行以下代码,例如:

$('body').fadeOut('slow');

我可以在控制台中输入它,这样可行,但是我要说有一大堆我想运行和测试的jQuery代码.有什么方法可以做到这一点吗？

Answer 1

你有没有看过Greasemonkey for Chrome？

Answer 2

当然,只需在dom中添加一个新脚本:

var myScript = document.createElement('script'); 

myScript.type = 'text/javascript'; 
myScript.async = true;
myScript.src = 'http://path/to/your/js/file.js' // ie: jquery hosted on google cdn

var s = document.getElementsByTagName('script')[0]; 

s.parentNode.insertBefore(myScript, s);

重复其他js文件.

请注意,这仍然使用控制台,但允许您至少加载一堆文件,而不是只键入代码以在浏览器中执行