web_accessible_resources

Type Array
Obligatoire Non
Exemple
"web_accessible_resources": [
  "images/my-image.png"
]

Parfois, vous souhaitez emballer certaines ressources - par exemple, images, HTML, CSS ou JavaScript - avec votre extension et les mettre à la disposition des pages Web.

Par exemple, l'extension d'exemple "beastify" utilisée dans le tutoriel walkthrough remplace les images dans une page Web par des images de certains animaux, en définissant l'attribut src de n'importe quel élément <img>. Les images sont emballées avec l'extension, et pour que la page Web puisse les charger, elles doivent être rendues accessibles sur le Web.

La clé web_accessible_resources listent toutes les ressources emballées que vous souhaitez mettre à la disposition des pages Web de cette façon. Vous les spécifiez comme des chemins relatifs dans le fichier manifest.json.

Les fichiers seront alors disponibles en utilisant une URL comme : "moz-extension://<random-UUID>/<path/to/resource>".

Cet UUID est généré au hasard pour chaque instance de navigateur et n'est pas l'ID de votre extension. Cela empêche les sites Web d'imprimer les extensions qu'un utilisateur a installé.

Par exemple, considérez une entrée comme celà :

  "web_accessible_resources": ["images/my-image.png"]

Si l'UUID aléatoire est 944cfddf-7a95-3c47-bd9a-663b3ce8d699, cette ressource sera disponible sur l'URL suivante:

moz-extension://944cfddf-7a95-3c47-bd9a-663b3ce8d699/images/my-image.png

Les entrées peuvent contenir des caractères génériques, par exemple:

  "web_accessible_resources": ["images/*.png"]

Fonctionnera également.

La manière la plus simple d'obtenir cette URL est d'utiliser l'API  browser.extension.getURL, lui donne le chemin relatif au manifest.json:

chrome.extension.getURL("images/my-image.png");

Notez que les scripts de contenu n'ont pas besoin d'être répertoriés en tant que ressources web accessibles.

Exemple

"web_accessible_resources": ["images/my-image.png"]

Créez un fichier dans "images/my-image.png" accessible sur le web.

Compatibilité du navigateur

ChromeEdgeFirefoxFirefox for AndroidOpera
Basic supportYesYes4848Yes

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : hellosct1
 Dernière mise à jour par : hellosct1,