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

Question

是否有某种编程方式(或者可能是浏览器插件)允许用户在当前加载到浏览器中的网页上任意运行他们想要的任何 jQuery？

编辑:

我的动机是能够提前在页面上测试 jQuery 语法和命令，然后将它们添加到其源代码中，或者向我尝试过其页面的网络管理员提出调整建议。

我一直在使用主站点上的 jQuery 来运行测试。目前版本为 3.5.1:jQuery download page

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，它们会自动运行上述代码来注入(inject) jQuery，以便您可以轻松地在其他人的页面上编写脚本和进行攻击。