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

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;
}

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"]

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!