javascript - Chrome 扩展程序设置

Question

我需要制作一个只运行一次的 javascript 函数，以便它设置一堆 google chrome 变量，有人知道该怎么做吗？

这是我现在拥有的，但我认为它不起作用:

window.onLoad = check();

function check() {
    chrome.storage.local.get('defaultLoad', function (x) {
        if (x.defaultLoad == undefined) {
            chrome.storage.local.set({'defaultLoad': '0'}, function() {
                console.log('SearchPanel default');
                defaultLoad();
            });
        }
    });
}

function defaultLoad() {
    chrome.storage.local.set({'searchPanelOption': 'open'}, function() {
            console.log('SearchPanel default');
    });
    chrome.storage.local.set({'barBackgroundOption': '#000000'}, function() {
            console.log('barBackground default');
    });
    chrome.storage.local.set({'goBackgroundOption': '#000000'}, function() {
            console.log('goBackground default');
    });
    chrome.storage.local.set({'barColorOption': '#ffffff'}, function() {
            console.log('barColor default');
    });
    chrome.storage.local.set({'placeColorOption': '#999999'}, function() {
            console.log('placeColor default');
    });
    chrome.storage.local.set({'searchEngineOption': 'google'}, function() {
            console.log('searchEngine default');
    });
}

该脚本在页面顶部被调用，它应该只运行一次，但我认为它不起作用，因为我没有得到任何 console.log 输出。

Answer 1

所以你想设置默认值。

在单独的文件中定义默认值。

// Define default values.
var options = {
    notifyTimeout: 5,
    pageInspect: true,
    linkInspect: true,
    pushItem: false,
    notifyMode: 'margin',
};

// a method similar to jquery.ready
function initOptions(callback) {
    // get data from remote
    chrome.storage.sync.get(null, function(data) {
        // merge remote data into local global `options`
        $.extend(options, data);
        // push them back to remote
        // maybe the extension updated and added new default values.
        chrome.storage.sync.set(options);
        // callback method to use updated options.
        callback && callback();
    });
}

// listen to remote data changes, if soem value changed
// update the global variable `options`, for example,
// you changed an option in options page and push changes to remote
// in contentscript, this got the changes and update to new value.
// you can use the updated value without a page reload.
chrome.storage.onChanged.addListener(function(changes) {
    for (var name in changes) {
        var change = changes[name];
        options[name] = change.newValue;
    }
});

在您要使用选项的页面中，注入(inject)此脚本并随意使用全局变量 options，它也适用于 contentscript。

initOptions(function() {
   doSomethingWith(options); 
});

我写了一篇关于这个的文章，但不是英文的。

http://www.g2w.me/2014/08/sync-chrome-extension-options/