惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
WordPress大学
WordPress大学
博客园_首页
罗磊的独立博客
D
Docker
N
Netflix TechBlog - Medium
博客园 - Franky
Hugging Face - Blog
Hugging Face - Blog
D
DataBreaches.Net
I
InfoQ
L
LangChain Blog
GbyAI
GbyAI
V
V2EX
博客园 - 聂微东
P
Proofpoint News Feed
博客园 - 【当耐特】
腾讯CDC
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
量子位
Martin Fowler
Martin Fowler
有赞技术团队
有赞技术团队
U
Unit 42
博客园 - 司徒正美
大猫的无限游戏
大猫的无限游戏

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
手机网页如何抓包?用 USB 连接电脑实现真机调试 - 少数派
2026-01-21 · via 少数派

在排查用户反馈的“功能异常”时,很多时候问题并非出在工具本身,而是网络环境的差异所致。

PC 端的网络往往充满了变数:公司内网策略、代理软件、Hosts 修改、DNS 污染等等。这些因素都可能导致请求失败,而在开发者自己的电脑上却难以复现。

为了排除这些干扰,我通常会选择使用手机(蜂窝数据)来进行测试。这是一个相对“纯净”、独立的网络环境。但随之而来的痛点是:手机浏览器虽然环境纯净,却缺乏 PC 浏览器那样强大的 Network 面板,无法直观看到具体的请求细节和报错信息。

本文介绍一种我常用的方案:让手机走纯净的网络环境,通过 USB 连接电脑,在 PC 端的 DevTools 中查看手机上的网络请求

Chrome Inspect 界面

Android + Chrome DevTools

适用于 Android 手机 + Windows / Mac 电脑。

手机端设置

  1. 进入设置 → 关于手机,连续点击「版本号」7 次,开启开发者模式
  2. 返回设置,进入开发者选项,启用「USB 调试」

连接与调试

用数据线连接手机和电脑

手机端切换 USB 模式为「传输文件(MTP)」或「传输照片(PTP)

电脑端打开 Chrome,地址栏输入:

chrome://inspect/#devices

勾选 Discover USB devices,等待设备出现

在手机 Chrome 打开目标页面,电脑端点击 Inspect

DevTools Network 面板

现在你可以在 DevTools 的 Network 标签页中,实时查看手机发出的所有请求。

iPhone + Safari Web Inspector

适用于 iPhone + Mac 电脑(Windows 暂不支持)。

iPhone 设置

  1. 进入设置 → Safari → 高级
  2. 开启「网页检查器(Web Inspector)」

Mac 设置

  1. 打开 Safari,进入设置 → 高级
  2. 勾选「在菜单栏中显示"开发"菜单」

连接与调试

  1. 用数据线连接 iPhone 和 Mac
  2. 在 iPhone Safari 中打开目标页面
  3. Mac Safari 菜单栏点击开发 → [你的 iPhone 名称]
  4. 选择当前正在浏览的网页,即可打开 Web Inspector 查看 Network

常见问题排查

Chrome Inspect 看不到设备

USB 调试是物理连接行为,与网络无关。如果设备未显示,按以下顺序排查:

问题解决方法
USB 模式为「仅充电」切换为「传输文件」或「传输照片」模式
未授权调试拔线 → 解锁手机 → 重新插入 → 点击授权弹窗
授权弹窗不出现电脑端运行 adb devices 触发授权请求
数据线只能充电换用支持数据传输的数据线

没有 adb 命令

  1. 下载 Android Platform Tools
  2. 解压到任意目录(如 C:\adb
  3. 在该目录下 Shift + 右键,选择「在此处打开终端」
  4. 执行 adb devices,手机会弹出授权确认

为什么不在手机上直接抓包?

手机端抓包工具(如 Charles、Surge)需要安装证书、配置代理,操作成本高,还容易引入额外变量。

相比之下,USB 调试 + PC DevTools 的方案更轻量:保持手机的真实网络环境,同时获得完整的请求信息,是快速复现问题的首选。