chrome-plugin-demo/demo/js/options.js

21 lines
1.0 KiB
JavaScript
Raw Normal View History

2017-06-23 21:11:15 +08:00
document.addEventListener('DOMContentLoaded', function() {
var defaultConfig = {color: 'white', showImage: true}; // 默认配置
// 读取数据第一个参数是指定要读取的key以及设置默认值
chrome.storage.sync.get(defaultConfig, function(items) {
document.getElementById('color').value = items.color;
document.getElementById('show_image').checked = items.showImage;
});
});
document.getElementById('save').addEventListener('click', function() {
var color = document.getElementById('color').value;
var showImage = document.getElementById('show_image').checked;
// 这里貌似会存在刷新不及时的问题
chrome.extension.getBackgroundPage().showImage = showImage; // 让background即使生效
chrome.storage.sync.set({color: color, showImage: showImage}, function() {
// 注意新版的options页面alert不生效
// alert('保存成功!');
document.getElementById('status').textContent = '保存成功!';
setTimeout(() => {document.getElementById('status').textContent = '';}, 800);
});
});