Inserir uma imagem na extensão cromada

Question

quero saber como inserir uma imagem numa extensão cromada.

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

Estou inserindo essa tag html corretamente em um site, mas naturalmente não posso carregar esse logo.Imagem png.

quaisquer ideias sobre como modificar o manifesto.json?

25

google-chrome google-chrome-extension

Author: Nathan, 2012-08-04

Source

1 answers

score 65 · Accepted Answer

Existem duas causas possíveis para o problema.

Está a injectar uma imagem com src="logo.png". O elemento de imagem inserido torna-se parte da página, por isso o navegador não tenta carregar a imagem a partir da extensão.
Para resolver este problema, use chrome.extension.getURL('logo.png'); para obter a URL absoluta do recurso.
"manifest_version": 2 está activo no ficheiro Manifesto. Isso desactiva todos os recursos para uso externo, por padrão. Quando este erro ocorre, a seguinte mensagem aparece na consola:

Não é permitido carregar o recurso local: chrome:/ / gbmfhbpbiibnbbgjcoankapcmcgdkkkno / logo.png

Para resolver o problema, adicione o recurso a uma lista branca, ou seja,"web_accessible_resources" no ficheiro Manifesto:
```
  ...,
  "web_accessible_resources": ["logo.png"]
}
```

Actualizar: chrome.extension.getURL('logo.png')

Obsoleto desde o cromo 58. Utilizar runtime.getURL.