使用我的chrome扩展来更改google搜索页面的背景

Question

我正在尝试创建我的第一个铬插件，当用户点击新的选项卡按钮时，它将打开带有随机图片的Google页面。到目前为止，我还不太确定，如何用随机图片改变谷歌搜索页面的背景。有谷歌提供的api吗？就像我在谷歌上搜索的那样，之前谷歌有“改变背景图像”的图标，但现在他们停止了这种支持。在这里，我如何将谷歌搜索页面的背景更改为不同的颜色或背景图片。我尝试使用以下js，code.Please建议或将我重定向到正确的approach.Any帮助将不胜感激。

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

看起来身体有点问题，你应该用元素来代替它。在铬中使用F12检查器，您可以看到背景色是用

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

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