Question

我正在尝试创建我的第一个Chrome插件，当用户点击新标签按钮时，该插件会以随机图片为背景打开Google页面。截至目前，我不太确定，如何使用随机图像更改Google搜索页面背景。谷歌有没有提供api？至于我用谷歌搜索，早先谷歌改变了背景图像＆＃34; icon但现在他们停止了这种支持。在这里，我如何将谷歌搜索页面的背景更改为不同的颜色或不同的背景图像。我尝试使用以下js代码。请建议或重定向我正确的方法。任何帮助将不胜感激。

window.open("http://www.google.com", "_self");
window.onload = function () {
    document.body.style.background = 'red';
};

此外，以下脚本将更改当前html页面的背景但是如何通过注入这个来改变第三方页面的背景。

<script>
function myFunction() {
    document.body.style.backgroundColor = "#f3f3f3";
    document.body.style.backgroundImage = "url('xyz.png')";
}
</script>

Answer 1

我自己找到了答案。

window.onload = function () {
    document.body.style.backgroundImage = 'url("chrome-extension://@'+chrome.runtime.id+'/icon.png")';
};

这会加载我的Google搜索页面的背景图片。感谢。

Answer 2

看起来身体很糟糕你应该用元素替换它。在chrome中使用F12检查器，您会看到背景颜色是用

定义的

element.style {
background: rgb(255, 255, 255);
}

如果你不想编码，已经有多个背景插件，以及有很多主题的chrome主题插件，我确信其中一些接受自定义图像/颜色。

使用我的Chrome扩展程序更改Google搜索页面的背景

2 个答案: