WebDebugX

为什么选 WebDebugX

WebDebugX 把手机、WebView 和远程浏览器的网页调试集中到一个桌面应用。连接设备,选择页面,即可打开真实 DevTools。

无需代理 无需证书 无需 SDK 无需越狱

问题

iOS 调试不再限定 Mac

传统 iOS 网页调试通常依赖 macOS 上的 Safari 检查器。对于 Windows 或 Linux 团队,这会带来额外硬件和协作成本。

WebDebugX 通过 USB 连接 iPhone 或 iPad,并使用 WebKit 远程调试协议,在 Windows、macOS 和 Linux 上打开检查器。

问题

Android 调试不依赖 chrome://inspect

在受限网络、离线环境或内网环境中,chrome://inspect 可能无法正常加载调试前端,影响 Android 页面调试。

WebDebugX 内置 DevTools 前端,由本机提供调试界面。设备连接后即可查看可调试页面。

问题

无需代理和证书

代理抓包适合观察网络流量,但无法完整呈现 DOM、控制台错误、运行时变量和页面存储。

WebDebugX 连接的是页面调试协议。你可以直接使用 Elements、Console、Network 和 Storage,不需要安装根证书。

问题

不向 App 注入 SDK

把调试 SDK 放进 App 会引入额外依赖和特殊构建,也可能让测试对象和实际发布包不一致。

WebDebugX 不要求集成 SDK。只需使用平台提供的网页调试开关,调试目标保持原样。

问题

浏览器和 App 内页面统一管理

混合 App 中的 WKWebView 和 Android WebView 往往比普通浏览器标签页更难发现和进入。

自研 App 中已开放调试的页面会和浏览器标签页一起列出,用同一套入口打开。

问题

远程 Chromium 也能接入

自助机、电视、嵌入式面板或构建机上的 Chromium 常常不方便直接操作。

通过 IP 地址和调试端口添加为设备,即可在本机打开 DevTools。

可直接使用的调试能力

连接后即可使用熟悉的 DevTools 面板,查看页面真实运行状态。

元素与样式

查看真实 DOM、计算样式和盒模型,临时修改后可立即在设备上看到效果。

控制台

查看页面日志和报错,并在当前页面上下文中执行表达式。

源代码与断点

调试实际加载的脚本,支持断点、单步执行、作用域查看和 source map。

网络请求

查看请求头、载荷、状态和耗时,不需要代理,也不需要安装证书。

本地存储

直接查看 Cookie、localStorage 和 sessionStorage,确认设备上的真实数据。

统一设备列表

手机、平板、模拟器和远程 Chromium 放在同一个入口里,切换更快。

这些问题,现在都能解决

不需要 Mac,不需要代理和证书,也不需要修改 App。