android – 有没有一个真正的解决方案来调试cordova应用程序

我花了两天时间试图找出如何调试我使用Cordova 3.2创建并部署到Android 2.3设备的HTML5应用程序.我见过的所有文章/帖子都提供了黑客而不是真正的解决方案:(大多数时候,它们都不适合我的情况;调试我的应用程序中的CSS样式和Angularjs代码..

到目前为止我测试了;

debug.phonegap.com

我将脚本注入index.html文件,然后访问debug.phonegap.com中生成的URL,但没有任何反应;只有一个空白页面.

Weinre

我发现的大多数文章指向过时的Github存储库,它计算了一个Jar文件..但是没有找到:(

边缘检查

它工作并显示我在移动设备上的PC上浏览的网页..但问题是它使用了一些其他集成的浏览器(或模拟器),而不是运行phonegap应用程序的浏览器.所以结果不准确.

Chrome模拟器

与边缘检查相同;它不允许查看Android 2.3附带的真实web-kit v530.

梦想的解决方案

完美的解决方案是谷歌Chrome(桌面)的扩展,使您能够将桌面浏览器切换到Android 2.3平台中的同一个浏览器.没有模拟没有黑客,只有浏览器本身与web-kit v 530.

不幸的是,这样的解决方案不存在:(或者我错了？

有什么建议？

解决方法:

FOR ANDROID：

您只需在Android设备中启用“USB远程调试器”并使用USB电缆插入即可.然后在设备中打开您的应用程序. Chrome会检测远程浏览器,您可以使用与本地使用Chrome时相同的方式查看控制台.

在Chrome浏览器中使用此链接：chrome：// inspect /#devices(您必须将其粘贴到导航栏中).

如果您的应用程序在设备中崩溃,您只需要在浏览器中查看控制台的日志,看看会发生什么.您还可以使用与本地浏览器相同的方式添加功能,更改变量和覆盖功能.

有关要采取的步骤的详细信息,请阅读this article.

这仅适用于运行Android 4.4的设备.

对于iOS：

使用Safari for iOS,请按照下列步骤操作：

1.在您的iOS设备中,转到设置> Safari>高级> Web Inspector启用Web Inspector

2.在iOS设备上打开Safari.

3.通过USB将其连接到计算机.

4.在计算机上打开Safari.

5.在Safari的菜单中,转到“开发”,然后查找设备的名称.

6.选择要调试的选项卡.

标签：android,debugging,cordova,emulation,mobile-webkit
来源： https://codeday.me/bug/20190916/1807949.html