javascript - 我可以使用 Chrome 开发工具添加资源吗？

Question

我正在使用 Chrome 查看网页。原始来源不包括 jQuery，但使用一些 jQuery 函数来检查 DOM 确实很有帮助。更改源以包含 jQuery 脚本会很痛苦，因此是否可以在页面加载后使用 Chrome 开发人员工具将 jQuery 加载到 DOM？或者，是否有可以执行加载的原生 JavaScript 函数？

我试图编辑 head 标签以包含 <script src="/path/to/jQuery.min.js"></script>标记，但这实际上并没有加载 jQuery.min.js 文件。

不幸的是，Modernizr 和其他 Assets 加载器也不包含在源代码中。

Answer 1

您应该能够在您的 JS 控制台中运行它。

var jq = document.createElement('script');
jq.src = "/path/to/jQuery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

或者您可以复制整个 jQuery file进入控制台。这不是最佳选择，但也可以。

第三个选项是这个插件，jQueryify ，我自己没用过，但看起来很有前途。