Chrome扩展程序 - 将文件从localhost加载到content_scripts

Question

我正在开发Chrome扩展程序，我需要将javascript文件加载到内容脚本，但该文件通过webpack-dev-server提供。所以它只能在localhost上接近。

我试图改变我的manifest.json：

"content_scripts": [
    {
      "matches": [
        "http://*/*",
        "https://*/*"
      ],
      "js": [
        "http://localhost:3000/scripts/content_bundle.js"
      ],
      "run_at": "document_end",
      "all_frames": false
    }

但是我在Chrome扩展程序窗口中出错：

Answer 1

只能在"content_scripts"部分中指定本地文件。

解决方案：

• 将"permissions": ["http://localhost:3000/scripts/*", "tabs"]添加到manifest.json
• 在background script（或更好an event page script）中使用XMLHttpRequest（有很多示例）下载脚本
• 将其保存在chrome.storage.local或localStorage中（这样您就可以在存储的每个扩展程序中加载它而无需重新加载）
• 注入脚本：
  • 添加tabs.onUpdated侦听器并使用tabs.executeScript
  注入脚本
  • 或者declarativeContent API使用RequestContentScript操作（尽管在doc页面上有警告，但它应该在Stable频道中实际支持，但当然先进行一些测试）。