如何在Chrome扩展中使用CSS加载本地图片？

无法在 Google Chrome 扩展程序中使用 CSS 加载本地图像

对于通过 Chrome 扩展程序中的内容脚本进行网站修改，尝试时可能会出现困难利用本地图像。尽管将图像合并到扩展中，此问题仍然存在。

挑战源于用于引用本地图像的特定 CSS 语法：

body {
    background: #000 url('image.jpg') !important;
    background-repeat: repeat !important;
}

解决方案

为了解决这个限制，Chrome i18n 支持提供了一个关键的功能解决方案：

• 将图像维护在扩展程序内指定的“图像”文件夹中。
• 使用以下语法在 CSS 中引用资源：

background-image:url('chrome-extension://__MSG_@@extension_id__/images/main.png');

确保图像包含在manifest.json文件的“web_accessible_resources”数组中，该数组授予访问这些图像的权限来自扩展程序的资源。

以上是如何在Chrome扩展中使用CSS加载本地图片？的详细内容。更多信息请关注PHP中文网其他相关文章！