火狐浏览器怎么查看网页请求和响应信息

先说几个关键点：要真正看清网页加载慢、接口报错或者资源加载失败的原因，得直接去翻每个HTTP请求的原始发出过程和服务器返回的原始数据，而不是光靠控制台报错或者肉眼盯着页面表现瞎猜。

打开浏览器开发者工具的Network面板并启用录制，才能完整捕获HTTP请求与响应。操作时得留意录制按钮是不是红色、筛选请求类型、查看Headers和Preview响应、导出HAR文件分析，还得启用持久日志来追踪跨页行为。这些步骤环环相扣，缺一不可。

打开Network面板并开始捕获

按下 Ctrl + Shift + E（Windows/Linux）或 Cmd + Option + E（macOS），在目标网页处于焦点状态下执行这个快捷键，开发者工具会直接打开并切到Network面板。

检查左上角的圆形录制按钮是不是红色高亮状态；如果是灰色，点一下启用监听——【没点亮的话，所有请求都不会被捕获】。

操作确实简单，直接按组合键就行，但很多人偏偏忽略录制按钮的状态，导致以为没抓到请求，其实是根本没开启监听。

触发请求并筛选目标条目

刷新当前页面（F5或Ctrl+R），或者手动执行触发网络行为的操作，比如点击“提交”按钮、滚动到底部加载更多。

在顶部过滤框里输入关键词快速缩小范围：输入 xhr 只显示异步接口请求，输入 api 匹配含api路径的请求，输入 .js 查看Ja vaScript资源。

右键点击请求列表顶部的列标题，然后勾选“Protocol”、“Transferred”、“Time”这些字段，关键信息就一目了然了。

找到目标请求后，单击选中它，右侧会自动展开详情视图。

查看请求头与响应内容

在右侧的Headers标签页里，向下滚动展开“Request Headers”和“Response Headers”，这里能看到浏览器实际发了什么（比如Authorization、Cookie），服务端回了什么（比如Content-Type、Set-Cookie、X-RateLimit-Remaining）。

Response标签页会根据返回内容类型智能渲染：JSON自动格式化并支持折叠/展开，HTML显示可读结构，图片/PDF则以十六进制或Base64形式呈现原始字节流。

如果响应是JSON但显示为乱码或空白，先确认Response标签页右上角显示的是“Preview”还是“Response”——点击“Preview”才能看到解析后的结构化视图。

导出全部请求供离线分析

右键请求列表空白处，选择“Sa ve all as HAR”，指定保存路径并确认。

生成的.har文件本质是JSON，用VS Code就能打开，全文搜索任意字段，比如 "Set-Cookie"、"Authorization" 或某个特定参数名，一次性扫描所有请求头与响应体。

注意：.har文件包含完整响应内容，包括敏感token或用户数据，导出后千万别上传到不可信平台或共享给无关人员。

启用持久日志避免跨页丢失记录

第一步：右键请求列表空白区域，勾选“Enable persistent log”。

第二步：执行页面跳转、单页应用路由切换或刷新操作，之前捕获的请求仍然保留在列表中。

第三步：在新页面里继续操作，所有历史请求与新请求统一排列，便于追踪多步骤业务流程，比如登录→跳转→拉取用户数据→加载权限菜单。

默认情况下刷新就会清空记录，不启用这个选项就没法复现跨页问题。