在谷歌浏览器中查看网络请求，可以通过开发者工具完成。以下是详细步骤

使用快捷键快速打开

1. 打开开发者工具：
   • Windows/Linux：按 F12 或 Ctrl + Shift + I
   • Mac：按 Command + Option + I
2. 切换到 Network（网络） 选项卡。

通过右键菜单打开

1. 在网页任意位置 右键点击，选择 “检查” 或 “检查元素”。
2. 在打开的开发者工具中,点击 Network 选项卡。

网络面板主要功能说明

1. 记录控制：

   

   • 左上角圆形按钮：灰色（❙❙）表示暂停记录，红色（●）表示正在记录。
   • 清除按钮（🚫）：清空当前请求列表。

2. 筛选请求：

   • 点击 Filter 可以按类型筛选（XHR/JS/CSS/Img 等）。
   • 在搜索框输入关键词可过滤请求。

3. 请求列表：

   • 显示所有请求的 名称（Name）、状态（Status）、类型（Type）、大小（Size） 等。
   • 点击请求可查看详细信息。

4. 请求详情：

   • Headers：请求头、响应头、参数等。
   • Preview：格式化预览响应内容（如 JSON、图片）。
   • Response：原始响应数据。
   • Timing：请求各阶段耗时分析。

5. 其他设置：

   • Disable cache：禁用缓存，方便测试。
   • Online：模拟网络速度（如 3G、离线等）。

常用操作示例

• 查看特定请求：在筛选框输入 XHR 或 Fetch 可查看 Ajax 请求。
• 复制请求数据：右键点击请求 → Copy → 可复制为 cURL、Fetch 等格式。
• 保存请求记录：右键请求列表 → Save all as HAR。

移动端调试

1. 点击开发者工具左上角 设备图标（📱）。
2. 选择设备型号,刷新页面即可查看移动端网络请求。

通过以上步骤,你可以轻松监控和分析网页的所有网络请求，包括 API 调用、资源加载等。