我是PhoneGap
开发的新手,刚刚选择了最基本的方法。
我们如何调试使用PhoneGap
开发的应用程序。通过浏览器调试基于phonegap构建的应用程序非常简单,因为我们可以看到浏览器控制台。但是,当使用phonegap构建相同的应用程序并将其打包在APK文件中时,情况会发生很大变化。
我尝试了一些Android Command Line模拟器应用程序,但没有成功查看日志。
在开发Android应用程序时,我使用了log.v
,而在phonegap中我正在使用console.log
。
如何在应用程序中看到我正在制作的logs
。有没有办法获取Phonegap构建的应用程序的日志。
答案 0 :(得分:3)
调试phonegap只不过是调试JS。我们这么做很艰难。但Weinre对我们(部分)的目的非常有帮助。只需安装weinre并将代码注入您的设备index.html。现在,您可以通过webinspector中的设备控制台获取正在发生的事情。希望这可以帮助你...
答案 1 :(得分:3)
如果您从phonegap开始,请阅读以下链接:
http://cordova.apache.org/docs/en/3.5.0/guide_next_index.md.html#Next%20Steps
它包含许多有关phonegap编程,调试等的有用信息。
调试
调试Cordova需要一些设置。与桌面应用程序不同, 你不能简单地在你的移动设备上打开开发工具并开始 调试,幸运的是有一些很好的选择。 Safari Remote 调试
第一个选项是Safari远程调试。这仅适用于OSX 并且仅适用于iOS 6(及更高版本)。它使用Safari连接到您的 设备(或模拟器),并将浏览器的开发工具连接到 Cordova应用程序。你得到了你对开发工具 - DOM的期望 检查/操作,JavaScript调试器,网络检查, 控制台等等。有关详细信息,请参阅此优秀博文: http://moduscreate.com/enable-remote-web-inspector-in-ios-6/
Chrome远程调试
几乎与Safari版本相同,这仅适用于Android 但可以在任何桌面操作系统中使用。它需要一个 至少Android 4.4(KitKat),最低API级别19和Chrome 30+(在桌面上)。连接后,您将获得相同的Chrome Dev 为您的移动应用程序提供工具体验 桌面应用。更好的是,Chrome Dev Tools有一面镜子 显示您的应用在移动设备上运行的选项。这是更多 而不仅仅是一个视图 - 您可以滚动并单击开发工具和它 移动设备上的更新。有关Chrome远程调试的更多详细信息 可以在这里找到: https://developers.google.com/chrome/mobile/docs/debugging
可以使用Chrome开发工具来检查iOS应用程序 WebKit代理:https://github.com/google/ios-webkit-debug-proxy/
纹波
Ripple是Cordova项目的基于桌面的模拟器。实质上 它允许您在桌面应用程序中运行Cordova应用程序 假冒各种Cordova功能。例如,它可以让你模拟 加速计测试震动事件。它通过让它伪造相机API 从硬盘中选择一张图片。 Ripple让您更专注 在你的自定义代码而不是担心Cordova插件。您 可以在这里找到更多关于Ripple的信息: http://ripple.incubator.apache.org/
Weinre
Weinre创建一个可以托管远程调试客户端的本地服务器 您的Cordova应用程序。安装并启动后, 您将一行代码复制到Cordova应用程序中,然后重新启动 它。然后,您可以在桌面上打开开发工具面板以进行操作 应用程序。 Weinre并不像Chrome和Safari那样华丽 远程调试,但有一个更大的工作的好处 各种操作系统和平台。可能会有更多信息 在这里找到:http://people.apache.org/~pmuellr/weinre/docs/latest/
其他选项
BlackBerry 10 supports debugging as well: Documentation You can debug using Firefox App Manager as well, see this blog post and this MDN article. For more examples and explanation of the above debugging tips, see:
答案 2 :(得分:1)
在Android中,您可以在eclipse logcat中调试您的应用程序,其中所有javascript和其他错误都将显示在控制台中。
但是对于ios,您需要安装phonegap控制台插件才能看到错误。从url安装以下插件。
https://github.com/apache/cordova-plugin-console
希望这会有所帮助..
由于