跳到主要内容
API Inspector — Network & Media Viewer

API Inspector — Network & Media Viewer EN

Coders Hub · Firefox

See every API request a website makes. View JSON/XML/CSV/HTML responses, copy as cURL, replay HTTP requests and save as a HAR File.

5.0/5 1 人评分 57用户 v1.2.0当前版本

截图

  • API Inspector — Network & Media Viewer 截图
  • API Inspector — Network & Media Viewer 截图

简介

API Inspector watches the website you're currently using and shows the API calls and media resources it loads.

Inspect API requests, view responses in the right format, replay requests with your own headers or body, copy requests as cURL, play detected media, and export the complete capture as a HAR file — all from one convenient developer tool.

No account or API key is required.

🔍 Inspect Network Requests

See the API calls made by a webpage, including:

  • Fetch requests
  • XHR requests
  • WebSocket requests

Each captured request includes useful information such as its HTTP method and status code, making it easier to understand how a website communicates with its backend.

🧩 Filter API Traffic

Large websites can generate a lot of network activity. API Inspector helps reduce the noise by letting you filter captured resources by type:

  • JSON
  • Documents
  • XML
  • HTML
  • CSV
  • Media
  • Other requests

Find the request you're looking for without manually searching through unrelated network activity.

📦 View API Responses

Open captured responses directly in the appropriate Coders Hub tool.

JSON responses can be opened as an expandable tree, while XML, HTML, and CSV responses can be sent to specialized viewers and formatters.

🔄 Replay HTTP Requests

Need to test a captured request again?

Send any captured request to the HTTP Request Builder and replay it with your own headers and body.

This is useful for debugging APIs, testing different request configurations, investigating responses, and reproducing network requests.

💻 Copy as cURL

Copy any captured API call as a ready-to-use cURL command.

You can also copy the plain request URL when you only need the endpoint.

Use the copied cURL command in your terminal, scripts, documentation, or API testing workflow.

🎬 Detect & Play Media

API Inspector can detect media resources loaded by a webpage.

Open detected:

  • Images
  • Video
  • Audio
  • Streaming links

Images can be opened directly in your browser, while supported video, audio, and streaming URLs can be opened in the Coders Hub Online Media Player.

  • 💾 Export as HAR

Export the complete captured network activity as a .har file for later analysis.

HAR files can be useful when debugging websites, analyzing network requests, sharing captured traffic, or keeping a record of a browsing session.

  • 🛠 Works with Coders Hub Tools

API Inspector connects captured resources with the appropriate Coders Hub tools, including:

  • JSON Viewer — inspect JSON responses as an expandable tree
  • HTTP Request Builder — replay requests with custom headers and body
  • Online Media Player — play video, audio, and streaming links
  • cURL Parser — convert copied cURL commands into readable code
  • XML Formatter & Validator — format and validate XML, RSS, and Atom responses
  • HTML Viewer — preview HTML with separate HTML, CSS, and JavaScript tabs
  • CSV Viewer & Editor — view CSV files as sortable and filterable tables

👨💻 Built for Developers

API Inspector is useful for:

  • Web developers
  • Frontend developers
  • Backend developers
  • API developers
  • QA engineers
  • API testers
  • Developers learning web technologies
  • Anyone who needs to understand website network activity

Whether you're debugging an application, testing an API, inspecting a response, finding media URLs, reproducing a request, or analyzing network traffic, API Inspector puts the essential tools in one place.

Inspect. Understand. Replay. Export.

API Inspector by Coders Hub.

API Inspector — Network & Media Viewer 是做什么的

API Inspector — Network & Media Viewer 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:See every API request a website makes. View JSON/XML/CSV/HTML responses, copy as cURL, replay HTTP requests and save as a HAR File.在Firefox 附加组件商店(AMO)上,它当前版本 1.2.0,评分 5(1 人评价),约 57 名用户。

适合什么人用

从功能定位看,API Inspector — Network & Media Viewer 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 API Inspector — Network & Media Viewer

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

API Inspector — Network & Media Viewer 是免费的吗?

API Inspector — Network & Media Viewer 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

API Inspector — Network & Media Viewer 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

API Inspector — Network & Media Viewer 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 API Inspector — Network & Media Viewer?

在扩展管理页找到 API Inspector — Network & Media Viewer,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 4

  • activeTab
  • storage
  • tabs
  • webRequest