google-chrome - 修改Chrome扩展程序中的网址位置并停止初始请求

Question

我做了一个扩展，目的是重定向URL。
即:www.google.com变为:www.mysite.com/?url=www.google.com

我碰到了这篇文章:
How to modify current url location in chrome via extensions

我遇到的问题是URL都已处理。该标签最初会加载google.com，并且仅在完成后才显示我的请求(www.mysite.com/?url=www.google.com)。
有什么办法可以阻止初始请求的处理？

就像是:

   chrome.tabs.onUpdated.addListener(function(tabId,obj,tab){
    update.stop() // ??????????? Here I'm missing...
    chrome.tabs.update(tabId,{url:....}, function callback); // My update stuff..
   });

有什么想法吗？

谢谢你们。

Answer 1

您正在寻找webNavigation API。

您可以通过动态修改或阻止请求来注册监听器以处理用户导航。

在下面的示例中，当用户导航到www.google.com时，即使页面甚至开始加载onBeforeNavigate都被触发，您可以将用户重定向到该URL的CSS验证页面:

chrome.webNavigation.onBeforeNavigate.addListener((details) => {
    if(details.url.indexOf("www.google.com") !== -1)) {
        chrome.tabs.update(details.tabId, {
            url: "https://jigsaw.w3.org/css-validator/validator?uri=" + details.url
        });
    }
});

记住要在扩展 list 中添加 “webNavigation” 权限才能启用此功能。