google-chrome - Chrome 扩展注入(inject)远程 JS 文件？

Question

好吧，我已经搜索了几天，是时候放弃并寻求帮助了。

我刚刚开始尝试找出 Chrome 扩展程序，现在正处于开发的初始阶段。 我对这一切了解不多，所以我停留在第一级。

我需要我的 background.html 或 background.js 文件，或者我的内容脚本。哪一个更适合这项工作——加载保存在我的服务器上的外部脚本。 http 或 https。

所以我尝试在 list 文件中添加“匹配项”以及安全性和权限，但无济于事。 我可以向您展示我的 list 文件，但我有一万个版本试图弄清楚为什么它不起作用。

我还尝试将它添加到 background.html 文件中 - 再次出现安全错误和/或无法加载文件。

所以我在: 我有一个 list 文件版本 2， 我有一个 background.html - 它加载到我的内容脚本中 我有一个执行 console.log 的内容脚本，所以我知道它有效。

我只想在 :( 中加载我的远程 JS 文件并执行任何操作。

谢谢

Answer 1

我做过类似的事情，下一个代码片段就是一个例子

list .json

"content_scripts": [
  {
    "matches": ["*://*/*"],   
    "js": ["content_script.js"]
  }
],

在 content_script.js 中你可以这样加载一个外部 js 文件:

//inject script
(function() {
  var myjs = document.createElement('script');
  myjs.type = 'text/javascript';
  myjs.async = true;
  myjs.src = 'http://mylocalhost/wrapper.js';
  document.body.appendChild(myjs);  
})();