为什么我的 Chrome 扩展程序无法加载带有 CSS 的本地图片？

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

问题：

A开发人员在 Chrome 扩展中遇到一个问题，即本地图像无法使用 CSS 加载，尽管已打包在

答案：

在 Chrome 扩展中，可以使用 chrome-extension:// 协议加载图像，后跟扩展的 ID 和路径图像。这些图像还必须列在扩展程序清单文件的 web_accessible_resources 部分中。

以下是正确加载本地图像的 CSS 规则示例：

body {
    background-image: url('chrome-extension://__MSG_@@extension_id__/images/main.png') !important;
    background-repeat: repeat !important;
}

这假设图像位于位于扩展程序内的“images”文件夹中，并在清单中声明为：

"web_accessible_resources": ["images/main.png"]

通过以下方式通过这种方法，本地图片可以使用 CSS 成功加载到 Google Chrome 扩展中。

以上是为什么我的 Chrome 扩展程序无法加载带有 CSS 的本地图片？的详细内容。更多信息请关注PHP中文网其他相关文章！