Chrome插件：拦截页面请求

最新推荐文章于 2025-06-26 16:22:50 发布

原创最新推荐文章于 2025-06-26 16:22:50 发布 · 2.3w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#chrome插件 #javascript

Chrome插件专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在浏览器扩展中实现监听并记录发往特定域名的所有请求，同时获取当前页面的URL进行相关操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，在manifest.json中添加权限，监听发往log.m.xxxxxx.com的所有请求

  "permissions": [
    "tabs", "*://log.m.xxxxxx.com/*", "webRequest", "webRequestBlocking"
  ],

然后，在background.js中，添加方法

//监听所有请求
chrome.webRequest.onBeforeRequest.addListener (

    function(details) {
    
        chrome.tabs.query({active:true},function(tab){
            // 当前页面的url
            var pageUrl = tab[0].url;
            // 在这可以写判断逻辑，将请求cancel掉，或者将请求打印出来
            console.log("current url -> " + pageUrl);
        });

    },
     
    {urls:["http://log.m.xxxxxx.com/*"]},  //监听页面请求,你也可以通过*来匹配。
    ["blocking"] 
);