首页 > 解决方案 > 如何从 Chrome 扩展程序更改 Google 主页的背景

问题描述

我正在尝试创建一个 Google Chrome 扩展程序,用户可以在其中“启用”某些背景,返回图像并将其设置为 Google 主页的背景。我希望最终结果是下面的图 1。

最佳最终结果

仅使用纯 JavaScript 怎么能做到这一点?到目前为止,这就是我迄今为止能够创建的全部内容:

const checkbox = document.getElementById("checkbox");

checkbox.addEventListener("change", () => {
    window.location.href = "https://www.google.ca/";
    window.body.style.backgroundImage = "url('12.png')";
    window.body.style.backgroundRepeat = "no-repeat";
    window.body.style.backgroundSize = "cover";
});

现在,我希望能够创建的内容是,如果我选中该复选框,我在本地保存的图像将显示为 Google 的背景,并在本地将其存储为始终如此,直到我取消选中该复选框。任何帮助表示赞赏。

标签: javascripthtmlcssgoogle-chrome-extension

解决方案


推荐阅读