如何在设备上调试

How to debug on device

我有一个 Ionic 应用程序，我可以 运行 并使用从 Visual Studio 2015 年推出的 Ripple 模拟器进行调试。

我也可以 运行 在我的 Android 设备上 "Start without debugging"。

不幸的是，在模拟器上运行的东西在设备上不运行，所以我需要在设备上调试。

这是我开始遇到问题的地方。 Visual Studio 挂在 "Installing app on device..." - 除非我在 运行 没有调试的情况下卸载安装的应用程序。

当我这样做时，应用程序 运行s 但它没有遇到任何断点并且 Visual Studio 停止响应。在 "LAUNCH SUCCESS" 之后我收到这条消息：

Command finished with error code 0: cmd /s /c ""C:.....\android\cordova\run.bat --nobuild --device --debug

那么...如何在设备上进行调试？

你试过 chrome 检查员吗？将您的 phone 插入已安装的应用程序，打开它，打开您的 chrome 并在导航栏中输入 chrome://inspect

就像前面提到的Del一样，您可以使用Chrome并在导航栏中输入chrome://inspect来通过USB调试您的应用程序。 确保您的设备在开发者工具中启用了“启用远程调试”。

但我也建议您尝试使用像 Ripple Emulator 扩展 Chrome 这样的工具模拟移动设备，它提供额外的移动功能模拟，例如：

  • 触摸事件
  • 用户代理
  • 地理位置欺骗（带有 GPS 延迟和故障事件）
  • 加速器欺骗
  • 等等

还有其他提供类似功能的工具。

正如您在评论中提到的，这些当然适用于 Cordova 应用程序。

最后，如果你愿意买个工具，我建议你试试Telerik's AppBuilder插件Visual Studio。此工具允许您通过 Visual Studio 部署您的应用程序并对其进行调试。调试界面看起来类似于 Chrome，您可以在其中查看您的控制台、资源、网络、时间线和元素。

为了解决这个问题，我将以下代码行放在 .js 文件中，就在我放置断点的代码行之前。这似乎让应用程序停止片刻并查看断点。

alert("put whatever you want in here");

希望对你也有帮助。