移动端JavaScript调试主要依靠Chrome DevTools远程调试，核心是打通设备与工具的通信链路；USB连接最稳定，无线调试需同Wi-Fi并配置IP端口，WebView需代码启用调试，vConsole和eruda为无电脑时的轻量替代方案。
移动端 JavaScript 调试主要靠 Chrome DevTools 远程调试实现，核心是让手机和电脑处于同一局域网，并通过 USB 或网络建立连接通道。关键不在于写多少代码，而在于打通设备与调试工具之间的通信链路。
USB 连接 + Chrome 远程调试（最稳定）
适用于 Android 手机 + 电脑安装 Chrome 的场景，成功率最高，延迟最低。
- 手机开启“开发者选项”和“USB 调试”，用数据线连接电脑
- 电脑 Chrome 访问 chrome://inspect，确保已勾选 “Discover USB devices”
- 手机上打开 Chrome，访问任意网页或本地 HTML（如
file:///sdcard/test.html），页面会自动出现在chrome://inspect的 “Remote Target” 列表中 - 点击 “inspect” 即可打开完整 DevTools，断点、console、Elements、Network 全部可用
无线远程调试（免线缆，需同网）
适合不方便插线，或需要真机触控操作的调试场景。
- 手机和电脑连入同一 Wi-Fi，记下电脑的局域网 IP（如
192.168.1.100） - 手机 Chrome 访问：
chrome://inspect→ 点击右上角 “Configure…” → 添加电脑 IP 和端口（默认9222），例如192.168.1.100:9222 - 电脑启动 Chrome 远程调试服务：
chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-remote（macOS/Linux）
Windows 可用快捷方式目标栏添加相同参数 - 刷新手机
chrome://inspect，即可看到远程页面列表
调试 WebView 或 Cordova/Ionic 应用
原生 App 内嵌的 WebView 默认不暴露调试接口，需主动启用。
- Android 4.4+ 中，在应用代码里加入：
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
} - App 启动后，在电脑
chrome://inspect中会出现 “WebView in xxx” 条目，点击 inspect 即可调试 - Cordova 用户可在
config.xml中添加：
替代方案：vConsole 或 eruda（轻量前端调试面板）
当无法连电脑时，可在页面中引入微型调试工具，直接在手机浏览器里看 console、network、storage。
- vConsole（腾讯）：
- eruda（更轻）：
- 两者都支持点击悬浮按钮呼出面板，适合快速查 log、检查 DOM、模拟地理位置等
远程调试不是黑魔法，本质是 Chrome 把 DevTools UI 渲染在电脑上，把命令转发给手机端的 Blink 引擎执行。只要通信通了，剩下的就和桌面调试几乎一样。
