Comment charger des images locales en CSS pour les extensions Chrome ?

Dépannage du chargement d'images locales dans les extensions Google Chrome

Malgré l'incorporation d'images locales dans une extension Chrome, les utilisateurs rencontrent des difficultés à les afficher à l'aide de CSS. Ce problème mérite d'être résolu.

Le problème principal réside dans la prise en charge i18n de Chrome, qui autorise les références CSS aux ressources d'extension. Pour résoudre ce problème, considérez ce qui suit :

1. Placez les images dans un dossier "image" au sein de l'extension.
2. Référencez les images en CSS en utilisant la syntaxe suivante :

background-image:url('chrome-extension://__MSG_@@extension_id__/images/main.png');

3. Assurez-vous que l'image référencée est répertoriée dans le tableau "web_accessible_resources" dans manifest.json.

En mettant en œuvre ces étapes, les images locales peuvent être chargées et affichées avec succès à l'aide de CSS dans les extensions Chrome.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!