我的作品 Network+:捕获网络请求并修改重发的浏览器扩展

kytrun(Kytrun) · 2021年05月23日 · 最后由 shidenggui 回复于 2021年05月26日 · 431 次阅读

浏览器自带的开发者工具 Network 只能查看网络请求但不能修改,有时候只需要修改少量的参数也需要打开第三方工具如 Postman 将 URL、method、Request Body 等完整地填写一遍。

Network+ 是一款可以捕获、修改并重新请求的浏览器扩展,用以提升接口调试的效率。

支持 Chrome、Firefox 和新版本的 Edge。

Network+

项目地址:https://github.com/ClearStudio/network-plus

很不错的想法,建议上架一下 chrome 商店

试用了一下,感觉很赞。之前一直想要一个类似的工具。

就是很多小细节感觉还需要打磨一下

  • 鼠标移动到左侧链接的时候显示的插入的图标而不是手的点击
  • 右侧的 key: value 可以参照官方的 network,左侧 key 加粗一下变成 key: value

希望可以增加的功能

  • 支持把 request headers 复制为 json
  • 支持编辑 cookie 或者 localstorage

正好平时有需要调试 API 的情况,一直用的是 PHPStorm 的插件,看到这个立马安装体验了一下,功能够用,拍版也清晰,不过 Request Method 这个,可否提供一下快捷选择的方式,不然手动输入比较慢一些。 另外就是在 PayloadResponse Headers 这两个地方,能不能我直接粘贴的是 json,他自己解析成需要的内容。

litang0908 #5 回复

header 是不可以直接用 json 键值对的哦,因为 header 可以多个同名不同值

shidenggui #4 回复

以我的理解,cookie 是可以直接在 Request Headers 中编辑的。如果你需要修改后一直用,目前还没有任何状态保存的功能,可以考虑做成手写代码注入自动拦截

kytrun #7 回复

嗯,不过通常 Cookie 都很长,单行编辑其实不太好操作。可以提供一个额外的按钮,点击下拉展开以类似表格的方式编辑。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号