"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment charger des images locales en CSS pour les extensions Chrome ?

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

Publié le 2024-11-16
Parcourir:915

How to Load Local Images in CSS for Chrome Extensions?

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 les éléments suivants :

  1. Placez les images dans un dossier "image" au sein de l'extension.
  2. Référez-vous aux images en CSS en utilisant la syntaxe suivante :
background-image:url('chrome-extension://__MSG_@@extension_id__/images/main.png');
  1. Assurer l'image référencée est répertorié 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.

Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3