我正在使用 Chrome 查看网页。原始源不包含 jQuery，但使用一些 jQuery 函数来检查 DOM 会非常有帮助。更改源以包含 jQuery 脚本会很痛苦，所以 是否可以在页面加载后使用 Chrome 开发人员工具将 jQuery 加载到 DOM？ 或者，是否有可以执行加载的原生 JavaScript 函数？
我尝试编辑 head 标记以包含 <script src="/path/to/jQuery.min.js"></script> 标记，但这实际上并没有加载 jQuery.min.js 文件。
不幸的是，Modernizr 和其他资源加载器也不包含在源代码中。
【问题讨论】：
标签： javascript jquery google-chrome google-chrome-devtools
您应该可以在您的 JS 控制台中运行它。
var jq = document.createElement('script');
jq.src = "/path/to/jQuery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();
或者，您可以将整个 jQuery file 复制到控制台中。不是最好的选择，但也可以。
第三个选项是这个插件，jQueryify，我自己没用过，但看起来很有前途。
【讨论】：
这是我经常用来解决这个问题的 JS 代码 sn-p。
它与 Matt 的相同，但包含在 IIFE 中，以便您或任何其他人更轻松地在您的浏览器环境中启动 jQuery。
(function() {
var h = document.head;
var scr = document.createElement('script');
scr.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js';
h.appendChild(scr);
})();
如果您想将$ 函数名称用于其他与jQuery 无关的功能，您可以放弃$ 并通过调用$.noConflict() 将您的jQuery 函数分配给另一个名称或返回原始形式jQuery()上述马特建议的方法。
【讨论】：
require()。您现在可以在 Chrome 开发者控制台中完全升级您的测试工作流程，因为您可以直接将 npm 模块导入控制台。
安装 requirify 后，您可以轻松地将 jquery 添加到您的控制台会话中，只需在开发者控制台中输入以下内容：
var $ = require('jquery');
这将从 npm 获取 jQuery，进而在控制台中为您提供。现在您可以像在任何网页上一样在控制台中使用 jQuery：
$('div').each(function(index){ //... });
显然，这适用于您的情况，但也适用于许多其他情况。一个很棒的工具，放在你的工具箱里！
请参阅下面的控制台中使用的require()：
太棒了！
【讨论】：
只需复制粘贴到浏览器控制台中
var script = document.createElement("script");
script.src = "http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js";
document.body.appendChild(script);
然后回去工作！
【讨论】：