移动端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 默认不暴露调试接口，需主动启用。
立即学习“Java免费学习笔记（深入）”；
- Android 4.4+ 中，在应用代码里加入：
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {<br> WebView.setWebContentsDebuggingEnabled(true);<br>} - App 启动后，在电脑
chrome://inspect中会出现 “WebView in xxx” 条目，点击 inspect 即可调试 - Cordova 用户可在
config.xml中添加：<pre class="brush:php;toolbar:false;"ference name="WebContentsDebuggingEnabled" value="true" /></code></li> </ul> <H3>替代方案：vConsole 或 eruda（轻量前端调试面板）</H3> <p>当无法连电脑时，可在页面中引入微型调试工具，直接在手机浏览器里看 console、network、storage。</p> <ul> <li>vConsole（腾讯）：<br><pre class="brush:php;toolbar:false;"><script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script><br><script>new window.VConsole();</script></pre> - eruda（更轻）：
<script src="https://cdn.jsdelivr.net/npm/eruda@2.5.2"></script><br><script>eruda.init();</script>
- 两者都支持点击悬浮按钮呼出面板，适合快速查 log、检查 DOM、模拟地理位置等
远程调试不是黑魔法，本质是 Chrome 把 DevTools UI 渲染在电脑上，把命令转发给手机端的 Blink 引擎执行。只要通信通了，剩下的就和桌面调试几乎一样。
