Chrome擴展程序 - 從localhost加載文件到content_scripts

Question

我正在開發Chrome擴展程序，我需要將JavaScript文件加載到內容腳本，但該文件正通過webpack-dev-server進行提供。所以它只能在本地主機上使用。

我試圖改變我的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
• 下載使用腳本的XMLHttpRequest（有很多例子），在您的background script（或更好an event page script）需要
• 將它保存在chrome.storage.local時或localStorage（所以你可以加載它的每一個擴展從存儲沒有redownloading啓動）
• 注入腳本：
  • 添加tabs.onUpdated監聽器，並使用tabs.executeScript
  • 選擇使用declarativeContent API與RequestContentScript作用（儘管文檔頁面上的警告應該實際支持的穩定通道，但當然首先做一些測試）注入腳本。