如何直接在浏览器的任何页面上运行jQuery？

Question

是否有一些编程方式或可能是一个浏览器插件,允许用户在他们的浏览器当前加载的网页上任意运行他们想要的任何jQuery？

编辑

我的动机是能够在页面上提前测试jQuery语法和命令,然后将它们添加到其源代码或建议调整我尝试过的页面的webadmins.

Answer 1

您可以使用Chrome控制台执行此操作.如果您使用的是Chrome,请右键单击该页面,然后点击"检查元素".转到"控制台"选项卡并尝试运行$ === jQuery.如果你没有得到错误,结果是true,你有jQuery.

如果没有,请运行以下命令将jQuery添加到页面:

var body = document.getElementsByTagName("body")[0];
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";
body.appendChild(script);

运行这些命令后,应将jQuery加载到任何网页中并准备在控制台中使用:)

上述代码适用于任何带有JavaScript控制台的浏览器.

或者,有一些用户脚本(如Greasemonkey和FireQuery),如果页面中没有包含jQuery,它会自动运行上面的代码来注入jQuery,以便您轻松编写脚本并破解其他人的页面.

Answer 2

这使用谷歌CDN,它的HTTP友好,单行,并包装:

(function(){var jQueryVersion="1";var a=document.createElement("script");a.src="//ajax.googleapis.com/ajax/libs/jquery/"+jQueryVersion+"/jquery.js";a.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(a);})()

您可以指定jQuery的版本,例如jQueryVersion="2.0.2".

所有版本都列在developers.google.com/speed/libraries/devguide中.

Answer 3

FireQuery是一个很棒的 Firebug 扩展，它可以为您提供 jQuery，然后您\xc2\xb4就可以在控制台中使用 jQuery。

\n\n

“jQuerify：使您能够将 jQuery 注入任何网页”

\n