将任意 JS URL 加载到 Chrome 中当前页面的上下文中？答案

【问题标题】：Load arbitrary JS URL into the context of current page in Chrome?将任意 JS URL 加载到 Chrome 中当前页面的上下文中？
【发布时间】：2012-03-07 00:58:38
【问题描述】：

在 Chrome 中，我有 jQuerify Chrome 扩展，它允许我将 jQuery 注入当前页面，这样我就可以在控制台中使用 jQuery。

我想使用其他任意 Javascript 来执行此操作。有没有办法在 Chrome 中本地做到这一点，例如控制台中的 load("http://example.com/foo.js"); 之类的东西。还是我需要写一个扩展？

或者，如果另一个流行的浏览器可以原生地做到这一点，那也很好。

【问题讨论】：

标签： javascript google-chrome browser google-chrome-extension google-chrome-devtools

【解决方案1】：

我不相信他们有，但它是单行的：

document.documentElement.appendChild(document.createElement('script')).src = "http://example.com/foo.js";

...或者使用带有临时变量的三行版本，但这会变得更加混乱：

var script = document.createElement('script');
script.src = "http://example.com/foo.js";
document.documentElement.appendChild(script);

【讨论】：

【解决方案2】：

此功能未内置在浏览器中。也就是说，jQuerify 已经实现为 Chrome 扩展：实际上有几个。 https://chrome.google.com/webstore/detail/indebdooekgjhkncmgbkeopjebofdoid/ 看起来是一个合理的实现。编写自己的扩展程序以同样的方式注入其他库是相当容易的。

【讨论】：