Chargement d'un élément stocké dans une extension Chrome

Disons que j'ai un fichier JSON stockées à l'intérieur de mon extension appelée paramètres.json. Je peux obtenir l'URL du fichier à l'aide de:

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

Mais maintenant que j'ai l'URL, comment puis-je charger le contenu de ce fichier afin que je puisse JSON.l'analyser et l'utiliser? La raison pour laquelle je fais cela est qu'il est un composant serveur, et je veux faire un test et de déploiement sur plusieurs serveurs plus facile (dev, la mise en scène, production, etc.) Sinon, si il existe un moyen d'ajouter des attributs personnalisés pour le manifeste.json et d'accès, qui serait aussi travailler.

source d'informationauteur Evan

  1. 25

    Si vous faites votre setting.js ressembler:

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

    Alors vous pouvez simplement l'inclure sur une page d'arrière-plan et utiliser les paramètres de la variable:

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

    Si vous voulez avoir de la pure json dans votre fichier sans l'affecter à toutes les variables, alors vous pouvez le charger à l'aide de XMLHttpRequest:

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

    ou si vous avez inclus jquery dans votre projet:

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

    (btw, à l'aide de chrome.extension.getURL est nécessaire uniquement si vous accédez à un fichier à partir d'un contenu de script, sinon vous pouvez simplement utiliser un chemin relatif /config_resources/config.json)

  2. 2

    Je peux confirmer qu'une demande de la ressource à partir d'un XHR dans la page d'arrière-plan fonctionne comme décrit précédemment. Juste être sûr d'ajouter " moi " à la connect-src partie de votre content_security_policy.