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

时间:2011-04-29 03:14:51

标签: jquery google-chrome

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

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

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

5 个答案:

答案 0 :(得分:7)

您是否考虑过Greasemonkey了解Chrome?

答案 1 :(得分:5)

当然,只需在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文件。

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

答案 2 :(得分:4)

关于这一点,我找到了无痛的解决方案。我安装了jQuerify。 它将jQuery(最新的可用稳定版本)注入HTTPS页面,只需单击一下,与Prototype没有冲突)))

答案 3 :(得分:2)

我同意greesemonkey的回答。但另一种选择是Bookmarklet:

http://en.wikipedia.org/wiki/Bookmarklet

对于快速和肮脏的东西,你可以直接将作为书签的脚本复制到你的地址栏中(在你完成书签之前很适合测试)。

答案 4 :(得分:0)

我认为您可能正在寻找Chrome插件。我查看了网上商店,但似乎没有一个执行任意代码。由于我们不知道您的最终目标是什么,因此我们无法指出您在您选择的编辑器中编写代码并将其复制/粘贴到控制台中的任何更具体的内容。