Maison > interface Web > tutoriel CSS > Pourquoi ne puis-je pas charger des images locales avec CSS dans mon extension Chrome ?

Pourquoi ne puis-je pas charger des images locales avec CSS dans mon extension Chrome ?

Barbara Streisand
Libérer: 2024-11-11 19:47:02
original
749 Les gens l'ont consulté

Why Can't I Load Local Images with CSS in My Chrome Extension?

Impossible de charger des images locales à l'aide de CSS dans les extensions Google Chrome

Question :

A Le développeur rencontre un problème dans une extension Chrome où les images locales ne peuvent pas être chargées à l'aide de CSS, bien qu'elles soient compressées dans le extension.

Réponse :

Dans les extensions Chrome, les images peuvent être chargées à l'aide du protocole chrome-extension://, suivies de l'ID de l'extension et du chemin d'accès au image. Les images doivent également être répertoriées dans la section web_accessible_resources du fichier manifeste de l'extension.

Voici un exemple de règle CSS qui charge correctement une image locale :

body {
    background-image: url('chrome-extension://__MSG_@@extension_id__/images/main.png') !important;
    background-repeat: repeat !important;
}
Copier après la connexion

Cela suppose que l'image est localisée dans un dossier "images" au sein de l'extension et a été déclaré dans le manifeste comme :

"web_accessible_resources": ["images/main.png"]
Copier après la connexion

En suivant cette approche, local les images peuvent être chargées avec succès dans les extensions Google Chrome à l'aide de CSS.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal