WebDebugX
方式
网页调试器
设备iPhone/iPad 通过 USB 连接到本机，或启动本机上的 iOS 模拟器。
页面
点击调试，会用电脑默认浏览器打开调试面板。
可调试页面
准备调试google.com
- 设备
- iPhone 15 · iOS 17.5
- 控制台
- 正常 · 1 条提示
- 网络
- 24 个请求 · 0 失败
- 证书
- 不需要
产品特点
真实检查器，统一入口
调试体验保持熟悉，连接流程更短。
覆盖常见调试目标设备、WebView、浏览器和远程 Chromium 放在同一个入口里。
检查 iPhone 页面 DOM 在 Windows / macOS / Linux 打开
调试 iOS App 内 H5 WKWebView 与浏览器标签页统一列出
调试 Android WebView 内置 Chrome DevTools 前端
定位设备上的请求失败 直接查看页面 Network 面板
查看设备本地存储 Storage 面板直接查看
device iPhone · USB
page https://google.com
engine WebKit · Web Inspector
network 200 · 412 ms · json
3iOS、Android、Chromium
5+真实 DevTools 面板
1连接后即可开始
浏览器调试
也支持远程 Chromium
用调试端口启动 Chrome、Edge 或其他 Chromium 浏览器，再通过 IP 和端口添加为设备。
- 本机 Chromium：使用 --remote-debugging-port=9222
- 端口可自定义
- 远程机器：填写 IP 和端口
- 多设备统一列表管理
连接、开启、开始调试
每台设备只需配置一次，后续连接即可使用。
01
连接并信任
用数据线连接设备。iOS 点「信任」；Android 开启 USB 调试。
02
打开检查器开关
iOS 开启 Safari 网页检查器。Android App 内页面需开启 WebView 调试。
03
选择页面并开始调试
刷新设备列表，选择目标页面，打开完整检查器。
默认无需额外配置
功能面板
常用调试面板完整可用
直接面向设备上正在运行的页面。
元素 Elements
查看实时 DOM、计算样式和盒模型，修改会同步到设备页面。
控制台 Console
读取设备页面的日志、警告和错误，并在真实上下文中执行表达式。
源代码 Sources
查看实际加载的脚本，断点、单步和 source map 按原生 DevTools 方式工作。
网络 Network
查看请求头、载荷、耗时和状态。无需代理或 HTTPS 证书。
存储 Storage
查看设备上的 Cookie、localStorage 和 sessionStorage。
性能与内存
在真实设备上分析性能与内存占用，而非仅依据开发机上的表现。
边界
明确边界
调试工具接近源码和数据，能力边界必须清楚。
调试连接建立在本地
调试会话在你的电脑与已连接设备之间直接建立，不经由我们的服务器中转。
不修改你的应用
无需 SDK、依赖库或额外构建步骤。应用内的调试开关始终由你控制。
仅限已开启调试的页面
仅已开启网页调试的页面可被检查。WebDebugX 不会绕过平台的调试开关。
完全免费
连接设备、打开检查器与使用各调试面板均不收费。