Question

我正在尝试编写一个chrome扩展程序，用我自己的图像替换https://www.ourgroceries.com/上的一些图像。

具体来说，我想替换顶部按钮“overview-label”，“features-label”，faq-label“，”your-lists-label“，”download-label“。

我尝试使用此代码替换“overview-label”，但它不起作用：

window.onload = function () {document.getElementById("overview-label").style.backgroundImage="url('http://www.321space.com/content/space_telescope/thumb_small/opo0317d.jpg')";};

我尝试在本地使用此脚本，并且它有效，这意味着可能在此网站上有一个脚本阻止更改这些图像，但我找不到它。

如何更换这些图片？

Answer 1

您需要的是Stylish之类的扩展程序，或使用contentscripts

编写您自己的扩展程序

"content_scripts": [
  {
    "matches": ["https://www.ourgroceries.com/*"],
    "css": ["mystyles.css"]
  }
],

用chrome扩展名替换页面上的图像

1 个答案: