使用Chrome设备模式移动仿真运行Cordova应用

Question

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

有没有办法使用Chrome Device Mode Mobile Emulation而不是使用ripple来模仿我在Chrome中的应用？

由于

Answer 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）

1. 在您的手机中启用USB调试
2. 将您的设备与PC连接。
3. 在PC中打开Chrome
4. 转到Chrome菜单＆gt;更多工具＆gt;检查设备。
5. 签入发现USB设备复选框
6. 在列表中找到您的申请
7. 您现在可以将应用程序直播到chrome。

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

注意： - 仅适用于Android

Answer 2

我可以在我的Cordova应用中使用Chrome设备模拟功能，但是在“仿真”中可以使用。选项卡，在＆＃39;设备＆＃39;我不得不取消选中＆＃39;模仿移动＆＃39;使应用程序像在移动设备上一样呈现。