调试PhoneGap应用程序

时间:2014-06-03 12:49:34

标签: android cordova phonegap-build

我是PhoneGap开发的新手,刚刚选择了最基本的方法。

我们如何调试使用PhoneGap开发的应用程序。通过浏览器调试基于phonegap构建的应用程序非常简单,因为我们可以看到浏览器控制台。但是,当使用phonegap构建相同的应用程序并将其打包在APK文件中时,情况会发生很大变化。

我尝试了一些Android Command Line模拟器应用程序,但没有成功查看日志。

在开发Android应用程序时,我使用了log.v,而在phonegap中我正在使用console.log

如何在应用程序中看到我正在制作的logs。有没有办法获取Phonegap构建的应用程序的日志。

3 个答案:

答案 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:
     

http://developer.telerik.com/featured/a-concise-guide-to-remote-debugging-on-ios-android-and-windows-phone/

答案 2 :(得分:1)

在Android中,您可以在eclipse logcat中调试您的应用程序,其中所有javascript和其他错误都将显示在控制台中。

但是对于ios,您需要安装phonegap控制台插件才能看到错误。从url安装以下插件。

https://github.com/apache/cordova-plugin-console

希望这会有所帮助..

由于