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'] ) 

相关内容

热门资讯

分享个大家“wpk到底有没有外... 分享个大家“wpk到底有没有外挂”wpk德州透视辅助(wPK)原先真的有挂(了解有挂)-哔哩哔哩1、...
玩家必备教程!“wpk最新黑科... 玩家必备教程!“wpk最新黑科技”wpk有赢的吗(Wpk)果然有挂(有挂详情)-哔哩哔哩是一款可以让...
必备教程“wpk最新黑科技”w... 自定义wpk最新黑科技系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
必备辅助推荐“wpk ai辅助... 自定义wpk ai辅助系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
重大发现“wpk最新黑科技”w... 重大发现“wpk最新黑科技”wpkai辅助实战效果(WPK)确实真的是有挂(讲解有挂)-哔哩哔哩1、...
揭秘“wpk到底有没有外挂”w... 揭秘“wpk到底有没有外挂”wpk辅助真的假的(WPK)一向有挂(有挂细节)-哔哩哔哩;无聊就玩这款...
推荐一款!“wpk ai辅助”... 推荐一款!“wpk ai辅助”wpk最新黑科技(wPk)本来真的有挂(揭秘有挂)-哔哩哔哩1、起透看...
技术分享!“wpk ai辅助”... 技术分享!“wpk ai辅助”wpk提高胜率(wpK)本然有挂(有挂神器)-哔哩哔哩是一款可以让一直...
分享实测“wpk到底有没有外挂... 分享实测“wpk到底有没有外挂”wpk ai辅助(wpK)一向真的是有挂(有挂攻略)-哔哩哔哩是一款...
让我来分享经验“wpk最新黑科... 让我来分享经验“wpk最新黑科技”wpk有外挂么(WPK)原本真的有挂(有挂技术)-哔哩哔哩;一、w...