javascript - soy - Incrustar imágenes en una extensión de Chrome

input type image submit

Question

Estoy construyendo una extensión de Google Chrome, que inyecta HTML en una página web real. La inyección contiene también imágenes y ahora me pregunto cómo hacer referencia a las imágenes dentro de la extensión. Hasta ahora, solo pude referirlos a un servidor usando http://example.com/myimage.png . Pero esto toma un tiempo notable hasta que se carguen.

¿Es posible empacar imágenes dentro de la extensión y referirlas desde cualquier lugar en el navegador? ¿Cómo?

Gracias por cualquier ayuda.

Answer 1

Puede usar chrome.extension.getURL() ( docs ) para obtener la URL de la carpeta de extensión interna. Pase la ruta relativa de la imagen y obtendrá la URL completa para ello.

Por ejemplo, si tiene una carpeta llamada "images" y una imagen llamada "profile.jpg" en ella, ambas en la carpeta de extensión, puede insertarla en el cuerpo de la página haciendo:

var image = document.createElement("img");
image.src = chrome.extension.getURL("images/profile.jpg");
document.getElementsByTagName("body")[0].appendChild(image);

Además, consulte la propiedad del manifiesto web_accessible_resources documentada aquí ; es posible que necesite declarar sus recursos para que estén disponibles en este método.