Modules

web_accessible_resources

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

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

Par exemple, l'extension 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 font partie du paquet de fichiers de l'extension, et pour que la page Web puisse les charger, elles doivent être rendues accessibles sur le Web.

La clé web_accessible_resources liste toutes les ressources 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>".

Cette UUID est générée 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 cela :

  "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 et de lui donner 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ée un fichier dans "images/my-image.png" accessible sur le web.

Compatibilité du navigateur

ChromeEdgeFirefoxFirefox for AndroidOpera
Support simple (Oui) (Oui)4848 (Oui)

Étiquettes et contributeurs liés au document

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