手机浏览器调试网页(F12开发者模式)

一、安卓手机 + Chrome 浏览器

步骤：

1. 开启手机 USB 调试：

   • 进入手机「设置」→「关于手机」→ 连续点击「版本号」7 次启用开发者模式。

   • 返回「设置」→「开发者选项」→ 开启「USB 调试」。

2. 连接电脑：

   • 用 USB 数据线连接手机和电脑，在手机弹窗中选择「允许 USB 调试」。

3. 电脑 Chrome 操作：

   • 电脑打开 Chrome 浏览器，访问 chrome://inspect。

   • 勾选「Discover USB devices」。

   • 手机打开 Chrome 访问目标网页，电脑会显示该页面 → 点击「inspect fallback」。

4. 查看接口：

   • 在电脑弹出的开发者工具中 → 切换到「Network」标签页。

   • 刷新手机页面 → 所有网络请求（包括接口）将显示在列表中。

二、iPhone + Safari 浏览器

步骤：

1. 开启手机 Web 检查器：

   • 进入「设置」→「Safari」→「高级」→ 开启「Web 检查器」。

2. 连接电脑：

   • 用数据线连接 iPhone 和 Mac 电脑。

3. 电脑 Safari 操作：

   • 打开 Mac 上的 Safari → 顶部菜单栏「Safari」→「设置」→「高级」→ 勾选「在菜单栏中显示开发菜单」。

   • 手机打开 Safari 访问目标网页。

   • 电脑 Safari 顶部菜单栏点击「开发」→ 选择你的 iPhone 设备 → 点击网页名称。

4. 查看接口：

   • 在开发者工具中 → 切换到「网络」标签页 → 刷新手机页面即可查看接口请求。