如何在Chrome DevTools中查看Cordova应用的console.log输出

嘿，我太懂你被一堆alert弹窗烦到崩溃的感觉了！别着急，咱们一步步搞定console.log的输出问题，彻底摆脱alert调试的噩梦。

最靠谱的方法：Chrome DevTools远程调试 #

这是我日常调试Cordova应用的首选，不仅能看console.log，还能断点调试、检查DOM，功能全得很：

• 先确保你的安卓手机开启了USB调试模式（一般在开发者选项里，没开的话先去设置里开启开发者选项）
• 用USB线把手机连到电脑，打开Chrome浏览器，输入地址 chrome://inspect
• 页面加载后，你会看到已连接的设备列表，找到你的Cordova应用，点击「inspect」按钮
• 弹出的DevTools窗口里，切换到「Console」标签，现在你的console.log输出就会实时显示在这里了！

为什么你试的cordova run命令没生效？ #

你用的cordova run android --device --debug --consolelog这类命令，本意是把应用的日志输出到电脑终端，但有时候会因为这些原因失效：

• Cordova版本兼容问题：某些新版本的Cordova可能对--consolelog参数的支持有变化，建议先确认你的Cordova版本（用cordova -v查看）
• 设备连接权限：确保电脑已经获取了设备的调试权限，有时候需要在手机上确认「允许此设备调试」的弹窗
• debug模式未正确启用：虽然加了--debug，但如果之前用release模式打包过，可能需要先清理旧的构建文件，执行cordova clean android后再重新运行命令

备用方案：用adb查看日志 #

如果DevTools远程调试暂时用不了，也可以直接通过adb命令过滤Cordova的日志：

• 确保你的电脑已经安装了Android SDK，并且adb命令能正常运行
• 在终端执行：adb logcat CordovaLog:D *:S
• 这个命令会只显示Cordova相关的日志，你的console.log内容会包含在里面，比看一堆系统日志清爽多了

额外提示：检查应用配置 #

有时候如果你的应用禁用了日志输出，也会导致console.log不显示，可以检查下config.xml里有没有类似的配置：

<preference name="loglevel" value="INFO" />

确保这个值不是NONE或者ERROR（如果是，改成INFO或DEBUG就能看到更多日志了）

内容的提问来源于stack exchange，提问作者João Pimentel Ferreira