chrome.webRequest.onBeforeRequest.addListener没有阻止url数组

Question

我试图根据用户输入阻止一组网址。我有JSON格式的url数组，但是当我导航到它们时，这些网站实际上并没有被阻止。如果我只使用一个站点而不是数组，则会成功阻止它。这是功能。

function addListener(){
    chrome.webRequest.onBeforeRequest.addListener(
      function(){ return {cancel: true}; },
      {
        urls: blockedUrls()
      },
      ["blocking"]
    );
}

这是我的功能blockedUrls。

var blockedUrls = function () {
        chrome.storage.sync.get(['block'], function(result) {
            if (typeof result.block === 'undefined') {
                //blocks is not yet set
                var jobj = ["*://www.whatever.com/*"];
                return [jobj[0]];
                console.log("not set");
            }
            else{
                var xt = JSON.parse(result.block);
                console.log(JSON.stringify(xt.urls));
                return JSON.stringify(xt.urls);
            } 
        });
        return ["*://www.whatever.com/*"];
}

console.log确实打印出我想要的东西，这是（有些只是用于测试）

["doesntexist.com","*://www.yahoo.com/*","*://www.xbox.com/*","*://www.hello.com/*","*://www.es/*"]

而且，如果它有帮助，这里是网站最初设置为chrome存储的地方，来自变量request.newSites。

var jsonStr = '{"urls":["doesntexist.com"]}';

                var obj = JSON.parse(jsonStr);

                //add url matching patterns to the urls from user input
                for (var i = 0; i < request.newSite.length; i++){
                    obj['urls'].push( '*://www.' + request.newSite[i] + '/*');
                }

                jsonStr = JSON.stringify(obj);


                chrome.storage.sync.set({'block': jsonStr}, function(){
                    addListener();
                });

提前致谢。

Answer 1

您的代码存在一些问题：

1）chrome.storage.sync.get的回调函数是异步的。因此，在你的函数blockedUrls中，返回值将始终为["*://www.whatever.com/*"]，因为行return ["*://www.whatever.com/*"];将在chrome.storage.sync.get的回调函数之前运行。

2）chrome.webRequest.onBeforeRequest监听器的第二个参数应该是以下形式的对象：{urls: theUrls}其中theUrls是一个字符串数组，而不是字符串。

除此之外，您可以利用chrome.storage可以直接存储对象和数组的事实，因此不需要对它们进行字符串化。

试试：

var obj = {urls: ['*://doesntexist.com/*']};

for (var i = 0, j = request.newSite.length; i < j; i++){
    obj.urls.push( '*://www.' + request.newSite[i] + '/*');
}

chrome.storage.sync.set({block: obj}, function(){
    addListener();
});

function addListener() {
    chrome.storage.sync.get('block', function (result) {
        var myUrls = result.block || ["*://www.whatever.com/*"];
        chrome.webRequest.onBeforeRequest.addListener(function(){
            return {cancel: true}
        },
        {urls: myUrls},
        ["blocking"] );
    });
}

Answer 2

qazxsw poi是一个异步函数。因此，它不会返回您的网址列表。

您可能要做的是以下内容：

chrome.storage.sync.get