Insertar una imagen en la extensión de cromo

Question

Quiero saber cómo insertar una imagen en una extensión de Chrome.

<img id="image" src="logo.png" /> 

estoy insertando esa etiqueta html correctamente en una página web, pero, naturalmente, no se puede cargar esa imagen logo.png.

¿Alguna idea sobre cómo modificar manifest.json?

Answer 1

Existen dos causas posibles para el problema.

1. que estás inyectando una imagen con src="logo.png". El elemento de imagen insertado se convierte en una parte de la página, por lo que el navegador no intenta cargar la imagen desde la extensión.
   Para solucionar este problema, utilice chrome.extension.getURL('logo.png'); para obtener la URL absoluta del recurso.

2. "manifest_version": 2 está habilitado en el archivo de manifiesto. Eso desactiva todos los recursos para uso externo, por defecto. Cuando se produce este error, el mensaje siguiente aparece en la consola:

   No se permite cargar recurso local: chrome: //gbmfhbpbiibnbbgjcoankapcmcgdkkno/logo.png

   Para resolver el problema, agregar el recurso a una lista blanca, es decir, "web_accessible_resources" en el archivo de manifiesto:

   ..., 
       "web_accessible_resources": ["logo.png"] 
   }