Caricamento di una risorsa memorizzata in un'estensione di cromo

Question

Supponiamo di avere un file JSON archiviato nella mia estensione denominata settings.json. Posso ottenere l'URL del file utilizzando:

chrome.extension.getURL("settings.json"); 

Ma ora che ho l'URL, come faccio io in realtà caricare il contenuto di quel file in modo da poter JSON.parse e usarlo? Il motivo per cui sto facendo questo è che esiste un componente server e voglio semplificare la distribuzione e il testing su più server (dev, staging, produzione, ecc.) In alternativa, se c'è un modo per aggiungere attributi personalizzati al manifest. JSON e accedervi, funzionerebbe anche.

Answer 1

Se fate i vostri setting.js assomigliano:

var settings = {"param":value,...}; 

Poi basta è possibile includere in una pagina di sfondo e le impostazioni di utilizzo variabile:

<script src="settings.js"></script> 

Se si desidera avere JSON puro nel file senza assegnarlo a nessuna variabile, quindi è possibile caricarlo utilizzando XMLHttpRequest:

var xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = handleStateChange; // Implemented elsewhere. 
xhr.open("GET", chrome.extension.getURL('/config_resources/config.json'), true); 
xhr.send(); 

o se hai incluso jQuery nel progetto:

$.getJSON(chrome.extension.getURL('/config_resources/config.json'), function(settings) { 
    //.. 
}); 

(btw usando chrome.extension.getURL è necessaria solo se si accede a un file da uno script di contenuti, altrimenti si può semplicemente utilizzare percorso relativo /config_resources/config.json)

Answer 2

posso verificare che la richiesta della risorsa da un XHR nella pagina di sfondo funzioni come descritto in precedenza. Assicurati di aggiungere "self" alla porzione connect-src del tuo content_security_policy.