为什么不用 DevTools
Chrome DevTools 已经能看请求,但“改一个响应再刷新”并不顺手:要么用本地代理,要么在代码里加断点。这个扩展把常用动作放进侧边栏:捕获、过滤、Mock、改包、重定向,规则可以保存和导入。
实现方式是在页面上下文里 Monkey Patch fetch 与 XMLHttpRequest,扩展侧边栏通过消息通道读取记录。所有数据留在本地,不上传服务器。
边界
- 只处理页面 JS 发起的请求,Service Worker、WebSocket 与部分跨域场景需要单独处理。
- 改包可能破坏签名或业务校验,规则默认关闭,命中时在列表里明确标记。
- 仅用于自己有权调试的页面与接口。
02 / CAPABILITIES
它能做什么。
01
请求捕获
在页面上下文里替换 fetch 与 XMLHttpRequest,记录请求、响应与耗时。
02
过滤与搜索
按 URL、方法、状态码筛选,长列表里快速定位目标请求。
03
Mock 与改包
命中规则时直接返回本地响应,或修改请求头、请求体后再放行。
04
重定向
把请求转发到另一个地址,用于本地联调与环境切换。
05
规则导入导出
规则以 JSON 保存,可以在团队之间共享,也可以纳入版本管理。
03 / RELATED
相关的项目。
01扩展
可用
2.0×Z 减速 · X 加速 · C 复位
视频速度控制器
VIDEO SPEED CONTROL
给全网 HTML5 视频一个统一的倍速键盘。
Manifest V3JavaScriptHTML/CSS持续维护
02开源库
维护中
@vakao-uiTYPESCRIPT
import { createClient } from '@vakao-ui/axios' const client = createClient({ baseURL: '/api/v1', refresh: true, }) // 统一信封、401 单飞刷新、重复请求取消
axiossocket-systemscripts-utils
VaKao UI
VAKAO UI / INTERNAL LIBS
四个小库,把团队项目里重复的脏活收掉。
TypeScriptaxiosSocket.IO持续维护