Si está usando CSS en sus páginas de extensión (fondo, emergente, la barra de información, etc.), puede utilizar rutas relativas con una barra (/
):
background-image:url("/sprites.png");
lo anterior debe funcionar, todo el mundo utiliza eso. Sin embargo, si el uso es para los guiones de contenido y se puede hacer lo mismo para cualquier CSS, lo que tendría que utilizar el predefined message como:
background-image:url('chrome-extension://[email protected]@extension_id__/sprites.png');
Si desea establecer mediante programación, puede utilizar la sintaxis chrome.extension.getURL como siguiente:
var url = chrome.extension.getURL('sprites.png');
Estas son las formas en que puede hacer referencia a una url/imagen específica.
Además, como mentioned in this answer, si coloca los activos de su imagen en un directorio, estos archivos no son accesibles en la página web DOM automáticamente. El desarrollador debe especificar los recursos que se pueden cargar en la página utilizando la configuración "web_accessible_resources" en el archivo manifest.json:
Publica un ejemplo. Esto normalmente funciona. – bzlm
He aquí un ejemplo: Imagen de fondo: url ('sprites.png') el error: No se pudo cargar de recursos: el servidor responde con el estado 404 (no encontrado) sprites.png Si utilizo una ruta absoluta como, chrome-extensions: // pfionnbgiepoddidhifofhiijoojachg/images, encuentra la imagen sin problemas. – ForeignerBR