Comment charger des images locales avec CSS dans les extensions Chrome ?

Impossible de charger des images locales avec CSS dans les extensions Google Chrome

Pour les modifications de sites Web via des scripts de contenu dans les extensions Chrome, des difficultés peuvent survenir lors de la tentative utiliser des images locales. Ce problème persiste malgré l'incorporation des images dans l'extension.

Le défi vient de la syntaxe CSS spécifique utilisée pour référencer les images locales :

body {
    background: #000 url('image.jpg') !important;
    background-repeat: repeat !important;
}

Solution

Pour remédier à cette limitation, la prise en charge de Chrome i18n propose une solution cruciale :

• Conservez vos images dans un dossier « image » désigné au sein de l'extension.
• Actifs de référence dans le CSS en utilisant la syntaxe suivante :

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

Assurez-vous que les images sont incluses dans le tableau "web_accessible_resources" du fichier manifest.json, qui accorde les autorisations d'accès à ces ressources à partir de l'extension.

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!