Hoppscotch 浏览器扩展：三步装好，发完第一个 API 请求-平芜编程栈

Hoppscotch 浏览器扩展：三步装好，发完第一个 API 请求

【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem & Cloud • Web, Desktop & CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch

每次要验证一个接口，你得先打开浏览器控制台，手动拼 header、粘贴参数，响应还混在一堆日志里根本看不清。想要一个点开就用的 API 调试工具，又不想装重型客户端、注册账号？试试 Hoppscotch 浏览器扩展：在浏览器里把官网装成应用，就能得到一个独立窗口、专做接口调试的小工具，在线离线都能用。

它是什么？先搞懂 Hoppscotch 浏览器扩展和传统扩展的区别

说句实话，Hoppscotch 不是那种挂在浏览器地址栏边上的传统扩展，它的官方叫法是 PWA（渐进式 Web 应用）——简单说，就是一个能被浏览器"安装"成独立应用的网页程序。装完以后它不再顶着浏览器标签页和书签栏，而是像一个本地小软件一样跑在自己的窗口里。

它帮你省的主要是切换成本：写代码的间隙想验个接口，不用再切到 F12 控制台手搓请求；请求会按集合存下来，下次直接重发；断网时界面本身还能打开，查之前存好的请求和文档也不卡。界面和在线版基本一致，REST、GraphQL、WebSocket 这些能力都有，不存在"网页版能玩、装的这个少一半功能"的情况。

三步装好 Hoppscotch，发第一个请求

整个过程不到三分钟 🛠️

第一步，用 Chrome、Edge 或 Firefox 打开 Hoppscotch 官网。打开后看一眼地址栏，如果出现了"安装应用"的小图标，直接点它；没有图标的话，走浏览器菜单里的"安装页面为应用"或"添加到主屏幕"，效果一样。

第二步，确认安装。浏览器会在应用市场里弹一个确认框，点安装。装完桌面或开始菜单里就会出现 Hoppscotch 的图标，点它启动的是一个无边框干扰的独立窗口。

第三步，发第一个请求。在顶部的地址栏里填一个公开的测试地址，比如https://jsonplaceholder.typicode.com/posts/1，请求方式选 GET，点 Send。下方面板会立刻返回 JSON 响应，状态码、耗时、大小都标在旁边。到这里你就已经跑通"发请求—看响应"这条最核心的动线了。想长期留存，右上角点登录或用本地账户都行，数据默认就存在你自己机器上。

三个真实场景：它在你日常开发里怎么用

写前端时顺手验本地接口。后端同事说"接口好了，你自己调一下"，你不用切工具，直接在 Hoppscotch 里把地址从线上域名换成localhost:3000这类本地地址，带上刚写好的参数发一遍。响应是 200 还是 500、body 里字段对不对，十几秒就能确认，来回沟通的功夫省掉了。

验文件上传这类复杂参数。普通 GET 请求谁都会，难的是 multipart 文件上传：选文件、拼字段、改 Content-Type。Hoppscotch 在 Body 标签页里把这些拆成了表单项，文件用"Choose Files"直接选，文本字段随手填，下面响应区实时回显结果，不用自己写一行 curl。

接入公司自建的内部实例。不少团队会把 Hoppscotch 部署在内网，让所有接口文档和集合放在自己手里。左上角的实例下拉框里可以直接切换"云端"和"On-prem 自建实例"，点一下 Add an instance 把内网地址加进去，之后你的请求集合就存在自己的实例里，数据不出公司网络。

装完不灵？按这个顺序查 4 个地方

别急着卸载，八成不是扩展本身的问题 🕵️ 按下面顺序排查，命中率最高。

先查服务是不是真的活着。别信浏览器里的报错，用浏览器直接打开那个接口地址，或者让后端确认进程在跑。本地服务没启动、端口被占用了，装什么工具都是 500 和超时。

再查地址写法。localhost、127.0.0.1、你的机器 IP，三者行为可能不一样——尤其是服务绑定了 127.0.0.1 时，用内网 IP 访问就是连不上。把请求里的地址和服务实际监听的地址对齐。

然后查安装时机和缓存。PWA 装的是当时那个版本的页面，官网发新版后旧窗口不会自动跟进。退出应用重新打开一次，或者在窗口里手动刷新，把新代码拉下来再试。

最后查权限和环境。看浏览器扩展/应用权限有没有被手动禁用；公司网络如果有代理或防火墙拦本地回环地址，换个干净的测试环境（比如手机热点）验证一下，能通就是网络策略的事，找 IT 开白名单即可。

适合谁

如果你天天和接口打交道，想找一个免安装重客户端、免注册就能把请求发出去的工具，这套 Hoppscotch 浏览器扩展值得现在就装一个试试。想深挖它怎么跑的，可以翻翻仓库里packages/hoppscotch-common/src/platform/下的平台层源码，看看 PWA 和认证这些能力是怎么接进主应用的。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考