无法在 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中文网其他相关文章!