chrome插件webRequest拦截请求并获取post请求体requestBody数据raw内容,解决中文乱码问题
创始人
2025-01-08 16:32:16
0

详细使用说明可以看官方文档:https://developer.chrome.com/docs/extensions/reference/api/webRequest?hl=zh-cn

拦截操作 

想要通过浏览器插件拦截请求的话,需要在manifest.json里面添加webRequet权限:

拦截请求代码放在background.js里面:(下面代码解析中文乱码)

export {}  console.log(     'Live now; make now always the most precious time. Now will never come again.' ) // 监听发送请求 chrome.webRequest.onBeforeRequest.addListener(     function (details) {         console.log('请求详情', details)         if (details.method == 'POST') {             var postedString = decodeURIComponent(                 String.fromCharCode.apply(                     null,                     new Uint8Array(details.requestBody.raw[0].bytes)                 )             )             console.log('请求体内容', postedString)         }         return { cancel: false }     },     { urls: [''] },     ['requestBody'] ) 

 拦截到的post请求详情是:

可以看到requestBody内容是raw格式数据: 里面是bytes字节类型

想要看到原始内容,需要解析raw数据:(这种方式会中文乱码)

        if (details.method == 'POST') {             var postedString = decodeURIComponent(                 String.fromCharCode.apply(                     null,                     new Uint8Array(details.requestBody.raw[0].bytes)                 )             )             console.log('请求体内容', postedString)         }

解析后的数据就是明文了: 

解决中文乱码

中文乱码主要出现是因为 String.fromCharCode.apply 引起的。想要解决中文乱码就要换一种解码方式,使用TextDecoder解码就可以了:

            const decoder = new TextDecoder('utf-8')             var postedString = decoder.decode(                 new Uint8Array(details?.requestBody?.raw[0].bytes)             )             console.log('请求体内容', postedString)

可以看到中文正常显示了: 

 总的代码在background.js里面:

import { escape } from 'querystring'  export {}  console.log(     'Live now; make now always the most precious time. Now will never come again.' ) // 监听发送请求 chrome.webRequest.onBeforeRequest.addListener(     function (details) {         console.log('请求详情', details)         if (details.method == 'POST') {             const decoder = new TextDecoder('utf-8')             var postedString = decoder.decode(                 new Uint8Array(details?.requestBody?.raw[0].bytes)             )             console.log('请求体内容', postedString)         }         return { cancel: false }     },     { urls: [''] },     ['requestBody'] ) 

相关内容

热门资讯

举措辅助!agpoker辅助(... 举措辅助!agpoker辅助(辅助)好像是有辅助工具(真的有挂)agpoker辅助辅助器是一种具有地...
教材辅助!wepokerplu... 教材辅助!wepokerplus作弊(辅助)竟然是有辅助软件(讲解有挂)小薇(辅助器软件下载)致您一...
绝活儿辅助!wepoker手机... 绝活儿辅助!wepoker手机助手(辅助)一直是真的有辅助神器(有挂教学)1、绝活儿辅助!wepok...
指南辅助!xpoker辅助助手... 指南辅助!xpoker辅助助手(辅助)都是真的有辅助方法(有挂讲解)一、xpoker辅助助手游戏安装...
策略辅助!智星德州插件2024... 策略辅助!智星德州插件2024最新版(辅助)一贯真的是有辅助攻略(有挂秘籍)1、完成智星德州插件20...
经验辅助!德扑HHpoker有... 经验辅助!德扑HHpoker有挂吗(辅助)总是真的是有辅助器(有挂猫腻)1、许多玩家不知道德扑HHp...
攻略辅助!德州局透视(辅助)真... 攻略辅助!德州局透视(辅助)真是真的有辅助器(今日头条)1、任何德州局透视透视是真的假的的玩家都可以...
经验辅助!pokemmo内置修... 经验辅助!pokemmo内置修改器(辅助)好像真的是有辅助神器(有挂教学)pokemmo内置修改器脚...
窍门辅助!德普之星透视辅助软件... 窍门辅助!德普之星透视辅助软件激活码(辅助)真是是真的有辅助app(有挂方法)1、德普之星透视辅助软...
课程辅助!wepoker透视脚... 课程辅助!wepoker透视脚本免费app(辅助)果然真的是有辅助工具(有挂讲解)1、玩家可以在we...