使用 Chrome 设备模式移动仿真运行 Cordova 应用程序答案

【问题标题】：Run Cordova app using Chrome Device Mode Mobile Emulation使用 Chrome 设备模式移动仿真运行 Cordova 应用程序
【发布时间】：2015-10-05 19:30:28
【问题描述】：

我一直使用ripple 在桌面浏览器中运行我的cordova 应用程序。但我知道有一个更好的工具可以模拟移动应用程序，它集成在 chrome 中：Chrome Device Mode Mobile Emulation。

有没有办法使用Chrome Device Mode Mobile Emulation 而不是ripple 在chrome 中模拟我的应用程序？

谢谢

【问题讨论】：

标签： cordova emulation ripple

【解决方案1】：

Chrome 远程调试对于监控或调试移动应用程序中与网络相关的错误非常简单且有用。只需按照以下步骤操作即可。

在此之前，您必须在应用程序的 src 文件 (.java) 中添加这些行

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    if (0 != (getApplicationInfo().flags &= ApplicationInfo.FLAG_DEBUGGABLE))
    { WebView.setWebContentsDebuggingEnabled(true); }
  }

（这将允许 chrome 监控正在运行的 webview）

在您的手机中启用 USB 调试
将您的设备与 PC 连接。
在您的 PC 中打开 chrome
转到 Chrome 菜单 > 更多工具 > 检查设备。
选中发现 USB 设备复选框
在列表中查找您的应用程序
您现在可以将您的应用截屏到 chrome。

就是这样！！您可以从 chrome 调试您的应用程序。

注意：-它只适用于安卓

【讨论】：

好的，谢谢，我知道那个方法，我只是想知道如何在部署到手机之前在桌面浏览器中进行调试。这就是 ripple 所做的，这就是我想用 Chrome Device Mode Mobile Emulation 替换的东西
你不能像ripple 那样简单地做到这一点，但是从 chrome 就像检查网页一样，你可以检查移动应用程序。所以你必须通过添加很多console.log来从代码级别进行调试，这与ripple不同

【解决方案2】：

我可以将 Chrome 设备仿真与我的 Cordova 应用程序一起使用，但是在“仿真”选项卡的“设备”下，我必须取消选中“仿真移动设备”才能使应用程序像在移动设备上一样呈现。

【讨论】：