Insertar una imagen en la extensión de cromo

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

 

Estoy insertando esa etiqueta html correctamente en un sitio web, pero, naturalmente, no puedo cargar esa imagen de https://stackoverflow.com/questions/11804332/insert-an-image-in-chrome-extension/logo.png.

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

Hay dos causas posibles para el problema.

  1. Está 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, use 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, aparece el siguiente mensaje en la consola:

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

    Para resolver el problema, agregue el recurso a una lista blanca, a saber, "web_accessible_resources" en el archivo de manifiesto:

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