檢索本地存儲的JSON Chrome擴展程序

Question

我正在開發我的第一個Chrome擴展程序。 我想將CSV文件作爲JSON存儲，讀取內容並將其與URL進行比較。

問題：

1. 我的CSV表通常存儲在數據庫中，但我沒有這個選項，使用JavaScript。在我的情況下你看到更好的選擇嗎？

2. 我有一個main.js（內容腳本）和一個script.js。內容腳本調用第二個閱讀用戶的URL（看起來內容腳本不能自己做）。之後，我需要閱讀JSON文件。在script.js我

   load: function() { 
       var list; 
       var xhr = new XMLHttpRequest(); 
       xhr.onreadystatechange = function() { 
        list = JSON.parse(xhr.responseText); 
       } 
       xhr.open("GET", chrome.extension.getURL('resources/list.json'), true); 
       xhr.send(); 
       return list; 
   } 
   

但它拋出"Cannot call method 'getURL' of undefined"。我試圖在main.js中插入這個load()函數，使用localStorage存儲list，然後最終在script.js內部讀取它，但是...沒有任何內容。信息未被存儲。我做錯了什麼？

Answer 1

這是一個advertised limitation of Content Scripts。您的內容腳本生活在DOM頁面中的沙箱中。雖然由您的擴展注入，但它幾乎沒有分享。

，我建議你，如果你需要一個異步請求/響應使用chrome.runtime.sendMessage或使用chrome.runtime.connect重複使用。

它可以幫助您依靠自己的應用程序中的事件，幫助您解耦您的代碼。