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

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个简单的Chrome扩展程序，该扩展程序使用内容脚本功能来修改网站。更具体地说，background-image所述网站。

由于某些原因，即使扩展中打包了本地图像，我似乎也无法使用它。

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

就是这样，最简单的CSS …但是它不起作用。浏览器不会加载图像。

回答：

您的图片网址应类似于 chrome-extension://<EXTENSION_ID>/image.jpg

您最好通过JavaScript替换CSS。

//Code for displaying <extensionDir>/images/myimage.png:
var imgURL = chrome.extension.getURL("images/myimage.png");
document.getElementById("someImage").src = imgURL;

以上是 Google Chrome扩展程序-无法使用CSS加载本地图像 的全部内容， 来源链接： utcz.com/qa/421108.html

回到顶部