使用我的浏览器扩展程序更改谷歌搜索页面的背景

Changing the background of the google search page using my chrome extension

本文关键字：搜索 谷歌 背景 我的 浏览器 扩展 程序      更新时间：2023-09-26

我正在尝试创建我的第一个chrome插件，当用户单击新标签按钮时，它将打开带有随机图片作为背景的Google页面。截至目前，我不是很确定，如何使用随机图像更改Google搜索页面背景。谷歌提供任何 API 吗？至于我用谷歌搜索的，早期谷歌有"更改背景图像"图标，但现在他们停止了这种支持。在这里，我如何将谷歌搜索页面的背景更改为不同的颜色或不同的背景图像。我尝试使用以下 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>

我自己找到了答案.

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

这将加载我的谷歌搜索页面的背景图片。谢谢。

看起来身体磨损了，你应该用元素代替它。在镶边中使用 F12 检查器时，您会看到背景色定义为

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

如果您不想编码，已经有多个后台插件，以及具有大量主题的 chrome 主题插件，我敢肯定其中一些接受自定义图像/颜色。

相关文章：