检索本地存储的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重复使用。

它可以帮助您依靠自己的应用程序中的事件，帮助您解耦您的代码。