Chrome webRequest onBeforeRequest 在收到函数返回后不会重定向

Question

所以基本上我正在制作某种网络钓鱼网站检测器。
我的程序所做的是：

1. 将 URL 发送到本地主机中的 Flask 后端
2. 等待后端处理 URL（我必须使 XHR 同步，否则它会在收到结果之前重定向）
3. 后端将结果（0 = 合法，1 = 钓鱼）发送回扩展程序
4. 扩展程序根据结果重定向。 如果为 0，则重定向回 URL。 如果为 1，则重定向到本地页面blocked.html

问题在于重定向。 无论结果如何，它都会重定向回 URL。

代码：
清单文件

{
    "manifest_version": 2,
    "name": "Phishing Site Detector",
    "version": "1.0",

    "browser_action": {
      "default_icon": "icon.png"
    },

    "background": {
      "scripts": ["background.js"],
      "persistent": true
    },

    "web_accessible_resources": [
        "blocked.html"
    ],

    "permissions": [
        "webRequest",
        "webRequestBlocking",
        "<all_urls>"
    ]
}

背景.js

function checkurl(url){
    console.log("checking URL..");
    console.log(url);

    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function (){
        if (xhr.readyState == 4) {
            console.log("response received!");
            console.log(xhr.responseText);
            return xhr.responseText;
        }
    };

    xhr.open("GET", "http://localhost:5000/"+url, false); 
    xhr.send(); 
};

chrome.webRequest.onBeforeRequest.addListener(
    function(details){
        var res = checkurl(details.url);
        if(res == "0"){
            console.log("redirecting back..");
            return { redirectUrl: details.url };
        }else if(res == "1"){
            console.log("blocked!");
            return { redirectUrl: "chrome-extension://njfcgcmoahjhhbggmapgphfapmedmjhj/blocked.html" };
        }
    },
    {
        urls: ["http://*/*", "https://*/*"],
        types: ["main_frame"]
    },
    ["blocking"]
);

提前致谢。

Answer 1

onBeforeRequest 在 chrome 扩展中不能是异步的，所以你的代码几乎就在那里，但是当使用不推荐使用的同步 XHR 时，它的send等待响应，所以你只需立即访问响应而不是 xhr.onreadystatechange 事件：

function checkurl(url) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'http://localhost:5000/' + url, false); // synchronous
  xhr.send();
  return xhr.responseText;
}