作者:999欢_879 | 来源:互联网 | 2023-06-15 00:10
我花了两天时间试图找出如何调试我使用Cordova3.2创建并部署到Android2.3设备的HTML5应用程序.我见过的所有文章帖子都提供了黑客而不是真正的解决方案:(大多数时候
我花了两天时间试图找出如何调试我使用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.选择要调试的选项卡.