企业官网建设流程全解析

Hoppscotch 浏览器扩展指南：3 步装好，免费搞定本地 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

Hoppscotch 是一款免费、开源的 API 开发工具，常被视为 Postman 的开源替代。它的浏览器扩展解决了一个很具体的麻烦：想测试本机 localhost 上的接口时，不用再折腾代理配置，直接在浏览器里把请求发出去就行。如果你经常调试本地接口，花几分钟装上它很划算。

三步装好 Hoppscotch 浏览器扩展

• 第 1 步，打开扩展商店：Chrome 用户进入 Chrome 应用商店，Firefox 用户进入附加组件网站，都是浏览器自带入口，搜索框里输入 Hoppscotch。
• 第 2 步，确认并安装：认准官方发布者，点击"添加到浏览器"，过程不需要任何代码或配置。
• 第 3 步，确认开关已打开：回到 Hoppscotch 的设置页，找到浏览器扩展开关。默认它会尽量通过扩展发送请求，看到开关处于启用状态即可开始使用。

商店里同时提供 Chrome 和 Firefox 两个版本，主流 Chromium 内核浏览器基本都能覆盖。

本地 API 调试：装完之后你能拿到什么

• 本地请求代理：请求由浏览器代为发出，天然绕开跨域（CORS）限制，localhost 上的接口直接调通。
• 请求拦截与修改：扩展可以捕获并改动浏览器发出的 HTTP 请求，排查"到底发了什么参数"时很顺手。
• 与在线版同步：扩展和 Web 版共用同一套功能体系，快捷键、主题、收藏都一致，没有额外学习成本。
• 离线可用：基础请求能力不依赖云端，弱网或断网环境下照样能发请求看响应。

这部分逻辑在仓库里的扩展请求拦截模块 kernel-interceptors/extension 可以查到对应实现，好奇原理的人可以直接翻源码。

哪些场景适合用这个扩展

• 前端联调本地后端：页面指向 127.0.0.1，接口随手可测，比 F12 里手动拼请求快得多。
• 微服务内部通信排查：链路里某一环报错时，用它快速验证具体是哪个服务的响应出了问题。
• 接口自动化测试：把常用请求存成集合，重复执行整组用例。
• 教学演示：给学生实时展示请求头和响应体，比口头描述直观。

🧰 扩展不工作时：先查这四处

扩展补上了 API 工具和开发环境之间最容易卡壳的一段：不用配代理、不用写脚本，打开浏览器就能调试，前端联调和课堂演示都省心。

下一步，打开你的浏览器扩展商店，把 Hoppscotch 装好，然后对着本地接口发出第一个测试请求。

【免费下载链接】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