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

Question

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

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

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

Answer 1

您是否考虑过Greasemonkey了解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文件。

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

Answer 3

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

Answer 4

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

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

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

Answer 5

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