Javascript 将选定的背景图像保存到localstorage，并在刷新站点时自动显示

我制作了一个options.html，它基本上是我的弹出窗口

当您单击#clickme1时，它会在/popup/1.js处触发一个事件

函数hello（）{ chrome.tabs.executeScript({ 文件：'/alert/1.js' }); } document.getElementById（'clickme1'）。addEventListener（'click'，hello'）； 和我的/alert/1。js看起来像这样： 警报（“背景设置！”）； var body=document.getElementsByTagName（'body'）[0]； body.style.backgroundImage='url(https://www.toptal.com/designers/subtlepatterns/patterns/curls.png)';

正文{
背景:#232526；
/*旧浏览器的回退*/
背景：-webkit线性梯度（向右，#414345，#232526）；
/*Chrome 10-25，Safari 5.1-6*/
背景：线性梯度（向右，#414345，#232526）；
/*W3C、IE 10+/Edge、Firefox 16+、Chrome 26+、Opera 12+、Safari 7+*/
宽度：410像素；
}
p{
颜色：白色；
文本阴影：2px 2px#000；
文本对齐：居中；
}
myDiv先生{
颜色：红色；
字体大小：粗体；
文本阴影：2px 2px#000；
文本对齐：居中；
}
氢{
颜色：灰色；
文本阴影：2px 2px#000；
文本对齐：居中；
}
a{
颜色：黄色；
文本对齐：居中；
}
钮扣{
颜色：白色；
}
#单击我1{
背景图片：url(https://www.toptal.com/designers/subtlepatterns/patterns/curls.png);
背景重复：无重复；
背景位置：50%50%；
显示：内联块；
保证金权利：100%；
填充：0；
高度：134px；
保证金：0；
垂直对齐：顶部；
宽度：134px；
}
#单击我2{
背景图片：url(https://66.media.tumblr.com/3cca60810de972cc08c4a5ac40b690df/tumblr_inline_nk1lmq0ZgB1s9yrmw.png);
背景重复：无重复；
背景位置：50%50%；
显示：内联块；
保证金权利：100%；
高度：134px；
填充：0；
保证金：0；
垂直对齐：顶部；
宽度：134px；
}
#单击我3{
背景图片：url(https://78.media.tumblr.com/04ff549b92bb99db8ad725a83e288030/tumblr_inline_n258pty5wY1qhwjx8.gif);
背景重复：无重复；
背景位置：50%50%；
显示：内联块；
保证金权利：100%；
高度：134px；
填充：0；
保证金：0；
垂直对齐：顶部；
宽度：134px；
}
#单击我4{
背景图片：url(http://brainlava.com/admin/assets/SP2013BGPattern.png);
背景重复：无重复；
背景位置：50%50%；
显示：内联块；
保证金权利：100%；
高度：134px；
填充：0；
保证金：0；
垂直对齐：顶部；
宽度：134px；
}
#单击我5{
背景图片：url(https://background-tiles.com/overview/black/textures/large/5013.png);
背景重复：无重复；
背景位置：50%50%；
显示：内联块；
保证金权利：100%；
高度：134px；
填充：0；
保证金：0；
垂直对齐：顶部；
宽度：134px；
}

黑暗主题选项
这个扩展只会改变CryptoKitties的外观

这对你的帐户没有任何影响

隐私政策
此扩展不在计算机中存储/保存/传输任何数据。它只会改变CryptoKitties的外观


czukorhaver@gmail.com

打开并单击下面要设置的背景

为弹出窗口创建一个js文件，只保存背景选择。 在popup.js中，执行以下操作：

//Get the desired background, let's just say you have prefixed options
document.getElementById('background1').addEventListener('click', function (event) {

chrome.storage.local.set({background:"background1.png"});
}

然后创建一个javascript文件，在所需网站的每个页面上运行，如（*）

希望有帮助

chrome.storage.local.get([background], function (result) {
document.body.style = "background: URL(chrome-extension://"+chrome.runtime.id+"/"+background+";";
});