无USB连接时，如何调试车载Ionic/Angular安卓应用？

开发场景 #

基于Ionic/Angular开发车载OBD-II设备交互应用，开发环境为Windows 11桌面端Visual Studio。测试环节需将手机带至车内运行应用，但出现问题时无法查看控制台输出等核心调试信息，亟需远程调试方案。

无线调试实现步骤 #

通过ADB WiFi调试完成无线连接与调试，操作流程如下：

• 在终端执行Ionic部署命令，实现应用无线安装与热重载：

  ionic cap run android --livereload --external
  

  该命令会完成手机与VS Code的无线连接，将应用安装至测试手机，同时支持代码热重载。
• 打开Chrome浏览器，输入地址chrome://inspect/devices，在识别到的设备列表中找到目标手机，点击inspect按钮，即可进入调试界面，查看控制台输出、设置断点调试。

实际效果 #

通过该方案解决了车内调试无法获取调试信息的痛点，已成功排查并修复多个应用问题。

内容的提问来源于stack exchange，提问作者SHH