javascript - 使用我的 chrome 扩展更改谷歌搜索页面的背景

Question

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

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

下面的脚本也会改变当前html页面的背景但是如何通过注入(inject)来改变第三方页面的背景。

<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 搜索页面的背景图片。谢谢。