logo标签列表

使用Chrome设备模拟器移动仿真运行Cordova应用程序

cordovaemulationripple
3

我一直使用 ripple 在桌面浏览器中运行我的 Cordova 应用程序。 但是我知道有一个更好的工具来模拟移动应用程序，它集成在 Chrome 中: Chrome 设备模式移动仿真。

有没有办法使用 Chrome 设备模式移动仿真 代替使用 ripple 在 Chrome 中模拟我的应用程序？

谢谢

2个回答
0

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

0

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. 将设备连接到电脑。
  3. 在电脑上打开Chrome浏览器
  4. 转到Chrome菜单> 更多工具> 检查设备。
  5. 勾选“发现USB设备”复选框
  6. 在列表中找到您的应用程序
  7. 您现在可以将应用程序屏幕分享至Chrome。

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

注意：仅适用于Android

好的，谢谢。我知道那个方法，我只是想知道如何在部署到手机之前在桌面浏览器中进行调试。这就是“ripple”的作用，也是我想使用“Chrome设备模式移动仿真”来替换的地方。 - Frank
你无法像在 ripple 上那样轻松地得到它，但是就像检查网页一样，在 Chrome 中可以检查移动应用程序。因此，您必须通过添加大量的 console.log 从代码级别进行调试，而不像在 ripple 上那样简单。 - Prabhu Vignesh Rajagopal
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接