Cargando un activo almacenado en una extensión de cromo

Question

Digamos que tengo un archivo JSON almacenado dentro de mi extensión llamado settings.json. Puedo obtener la dirección URL del archivo usando:

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

Pero ahora que tengo la URL, ¿cómo puedo realmente cargar el contenido de ese archivo para que pueda JSON.parse y usarlo? La razón por la que hago esto es porque hay un componente de servidor, y quiero facilitar la implementación y prueba en varios servidores (desarrollo, puesta en escena, producción, etc.) Alternativamente, si hay una forma de agregar atributos personalizados al manifiesto. json y acceder a ellos, eso también funcionaría.

Answer 1

Si usted hace sus setting.js ven como:

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

continuación, sólo puede incluirlo en una página de fondo y la configuración de uso de variables:

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

Si usted quiere tener JSON pura en su archivo sin asignarlo a ninguna variable, entonces puede cargarlo usando XMLHttpRequest:

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

o si se incluye jQuery en su proyecto:

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

(por cierto usando chrome.extension.getURL sólo es necesario si se accede a un archivo de un script de contenido, de lo contrario sólo se puede usar ruta relativa /config_resources/config.json)

Answer 2

que pueda verifique que la solicitud del recurso desde un XHR en la página de fondo funciona como se describió anteriormente. Solo asegúrese de agregar "self" a la parte connect-src de su content_security_policy.