背景
做前端的同学应该都有过这种体验：
你正在 Chrome DevTools 里调试，Network 面板里某个请求的返回数据不对，你需要修改参数重新发一次。
然后你开始：
右键 → Copy as cURL
→ 切到 Postman
→ 等加载
→ 粘贴
→ 改参数
→ 发送
→ 切回 DevTools 看效果
这一套下来，你可能要花 15~30 秒，而且完全打断了你的调试思路。
更烦的是，这个流程一天可能要重复十几次。
于是我做了 DevPost
DevPost 是一个 Chrome 扩展，做的事情很简单：把 API 调试界面直接嵌入 Chrome DevTools。
安装之后，DevTools 里会出现一个「DevPost」面板，跟 Elements、Console、Network 并列。
从此调接口的流程变成：
DevTools → DevPost 面板 → 修改 → 发送 → 看结果
不用离开 DevTools，不用切窗口。
主要功能
请求构建器
支持所有常用 HTTP 方法，配置 Headers、Body（JSON/form-data/URL 编码/Raw）、认证（Bearer Token / Basic Auth / API Key），和主流 API 客户端的操作方式基本一致。
特别加了 cURL 导入：直接把 Network 面板复制出来的 cURL 粘进去，URL、Headers、Body、Method 全部自动解析，省去手动填写的麻烦。
网络捕获（个人觉得最实用的功能）
点「捕获」按钮，DevPost 开始监听当前页面的 HTTP/HTTPS 请求。你在页面上操作一下，对应的请求就出现在捕获列表里。
选中任意一条：
- 参数自动填充到编辑器
- 直接修改你想改的地方
- 发送，看结果
整个过程不用离开 DevTools。
环境变量
多环境调试（本地 / 测试 / 生产）是痛点，专门做了这个功能：
开发环境：
baseUrl = http://localhost:3000
token = dev_abc123
生产环境：
baseUrl = https://api.example.com
token = prod_xyz789
URL 和 Header 里用 {{baseUrl}} / {{token}} 这样的语法引用，切换环境时自动替换，不用手动改。
收藏 & 历史
- 收藏夹：把常用请求保存下来，分组管理
- 历史记录：每次发送自动保存，支持搜索，一键重发
响应查看
- JSON：语法高亮 + 格式化
- 图片：直接渲染
- PDF：内嵌预览
和 Postman 的关系
不是竞争关系，定位不同。
Postman 很强，适合管理接口文档、团队协作、复杂 API 工作流。
DevPost 只做一件事：当你正在 DevTools 里调试，需要快速修改参数重发请求时，不打断你的工作流。
两个工具我都在用，用在不同场景。
数据隐私
DevPost 不收集数据，不需要账号，所有内容（请求历史、收藏、环境变量）只存在你本机的 chrome.storage.local 里，不走任何外部服务器。
安装方式
Chrome 应用商店搜索「DevPost API」，或者直接搜「DevPost DevTools」就能找到。
最后
这个插件是我在业余时间做的，主要解决自己的痛点。现在发布出来，希望对有同样困扰的同学有用。
使用中有任何问题或建议，欢迎在评论区说，我会持续迭代。
如果觉得有用，点个赞支持一下，谢谢 🙏
============================================================
