"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como carregar imagens locais em CSS para extensões do Chrome?

Como carregar imagens locais em CSS para extensões do Chrome?

Publicado em 2024-11-16
Navegar:473

How to Load Local Images in CSS for Chrome Extensions?

Solução de problemas de carregamento de imagens locais em extensões do Google Chrome

Apesar de incorporar imagens locais em uma extensão do Chrome, os usuários encontram dificuldades para exibi-las usando CSS. Esse problema merece ser resolvido.

O problema principal está no suporte i18n do Chrome, que permite referências CSS a ativos de extensão. Para resolver isso, considere o seguinte:

  1. Coloque as imagens em uma pasta "image" dentro da extensão.
  2. Referencie imagens em CSS usando a seguinte sintaxe:
background-image:url('chrome-extension://__MSG_@@extension_id__/images/main.png');
  1. Garanta que o a imagem referenciada está listada na matriz "web_accessible_resources" em manifest.json.

Ao implementar essas etapas, as imagens locais podem ser carregadas e exibidas com êxito usando CSS nas extensões do Chrome.

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3