PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网 PhoneGap资讯 查看内容

PhoneGap入门需要了解那些东西

2013-7-27 16:56| 发布者: admin| 查看: 7957| 评论: 0

摘要: 很多PhoneGap新手总是需要一些基础问题的解答,Adobe技术布道师Andrew Trice常在其博文中回答诸如” PhoneGap是什么?”、“phonegap应用开发出来是什么样的形态?”、“如何开发phonegap?”等问题。近日他将这些问题 ...


  4. 如何调试phonegap应用?

  调试PhoneGap应用是PhoneGap开发过程中最棘手部分。只在物理设备上测试,并不能测试出所有的JavaScript异常。下面是一些具体的调式策略:

  尽可能利用桌面浏览器调试

  由于PhoneGap应用是利用HTML, CSS, and JavaScript进行开发的,你可以利用HTML编辑器开发大部分应用然后利用桌面web浏览器调试。最新版本的web浏览器(包括Chrome、IE、Firefox、 Opera 和Safari)都提供了丰富的调试功能。利用web浏览器开发工具,你可以检查HTML DOM元素,检查CSS的模式、设置JavaScript断点、检查内存和JavaScript变量。通过下面链接可以获得更多更多关于桌面浏览器开发工具的信息:

  • Chrome Developer Tools: http://code.google.com/chrome/devtools/docs/overview.html

  • Firefox via FireBug: http://getfirebug.com/

  • Safari Developer Tools: https://developer.apple.com/technologies/safari/developer-tools.html

  • IE Developer Tools: http://msdn.microsoft.com/en-us/ie/aa740478

  • Opera Developer Tools: http://dev.opera.com/articles/view/opera-developer-tools/

  你一旦利用桌面工具开发了应用的主要功能,便可以切换到特定的设备环境增加特定的设备功能并与PhoneGap APIs整合。

  利用真实设备进行测试是必不可少的。利用真实设备测试可能获得不同于桌面浏览器和模拟器的性能,也可以发现不同的bug和问题包括API的不同和UX脚本的不同。

  用debug.phonegap.com调试

  利用debug.phonegap.com可以进行远程的基于设备的调试。利用Weinre调试工具你可以远程检查DOM、测试资源下载、检测网络使用、检测时间线以及控制台输出。如果你已经使用了上述列出的开发工具,就会发现它们看起来很相似。只是你不能在移动设备上设置断点,但是肯定比什么都没有强。

  利用iOS5进行远程web调试

  利用iOS5模拟器实现远程调试只需要开通远程调试功能即可。然后利用iOS5桌面模拟器发布应用。一旦应用运行它就会打开一个本地Safari实例http://localhost:9999/。这将启动远程调试工具,完成断点设置和脚本测试。

  通过连接http://hiediutley.com/2011/11/22/debugging-ios-apps-using-safari-web-inspector/你可以获取更多信息。

  其他调试信息

  通过下面链接你可以阅读更多关于PhoneGap应用应用的调试信息:

  • http://phonegap.com/2011/05/18/debugging-phonegap-javascript/

  • http://wiki.phonegap.com/w/page/16494768/Debugging%20PhoneGap%20Apps

  5. 如何部署PhoneGap应用?

  部署PhoneGap应用和创建移动设备web是一样的,唯一不同的就是PhoneGap应用程在本地初始化HTML设置而不是远程服务器。PhoneGap应用加载初始化的HTML,它可以用来申请服务器或者本地上的资源。由于PhoneGap是基于浏览器的,可以像浏览器一样运行。你可以同时下载各种网页但是一旦你下载或者关闭一个网页很可能丢失通过JavaScript脚本存储在内存中的数据。PhoneGap也支持单页浏览模式,建议用户使用单页浏览模式。

  单页浏览模式部署

  单页浏览架构就是指只有一个HTML页基于数据和用户输入进行动态更新,你可以把它看做是客户/服务器模式,由一个客户应用和一个服务器组成。客户应用可以请求数据或者进行更新而不用重新加载web页。

  通过使用单页浏览模式你可以维护内存中的数据。通过如下链接可以了解更多关于单页模式的知识http://en.wikipedia.org/wiki/Single-page_application。

  可以利用任意常见的JS架构如Angular, Ember, Backbone, Mustache部署PhoneGap 应用。

  6.如何使PhoneGap应用在移动设备和应用环境中运行?

  对每一个给定的平台而言,PhoneGap应用采用和本地应用相同的规则部署,你必须遵守每一个应用平台的部署规则。你可以利用每个平台的构建过程为这个平台编译可执行文件也可以利用build.phonegap.com进行编译。build.phonegap.com是可以为每个平台编译使用时具体平台的应用的服务。构建过程的输出是适用于一个特定平台的二进制文件:适用于iOS的IPA,适用于Android的APK。通过下面链接你可以获得更多信息:

  • iOS App Store: https://developer.apple.com/programs/ios/distribute.html

  • Google Android Market: https://market.android.com/publish

  • Amazon App Store: https://developer.amazon.com/welcome.html

  • BlackBerry App World: https://bdsc.webapps.blackberry.com/devzone/appworld

  • Barnes & Nobe Nook Store: https://nookdeveloper.barnesandnoble.com

  • Windows Phone Marketplace:http://msdn.microsoft.com/en-us/library/ff941089(v=vs.92).aspx

  7. PhoneGap和AIR的区别是什么?

  PhoneGap和AIR最根本的不同就是你利用Flash平台(如Flex, Flash, ActionScript, MXML)开发AIR应用而基于HTML, CSS, & JavaScript开发PhoneGap应用。AIR应用利用AIR开发环境运行,这样应用只需要一个代码基便可以在所有它支持的平台上运行,PhoneGap可以在每一个它支持的平台上的浏览器上运行。由于这个原因,不同的平台可能有不同的代码基,在开发PhoneGap应用时需要考虑这一点。

  可以在iOS、Android、BlackBerry Playbook和desktop (mac and windows)包括上Windows Metro开发AIR应用。通过下面链接可以了解更多关于AIR支持的平台的信息。

  http://www.adobe.com/products/air/tech-specs.html

  ActionScript动作脚本语言支持传统的继承编程模式。可以使用Flex框架构建AIR应用,这使得开发者可以快速的构建企业类应用。AIR应用中的组件是具有行为、属性和图形上下文的逻辑客体。

  基于JavaScript的应用支持原型继承编程,有许多开源框架和工具可以被使用。HTML/JS通过HTML DOM元素实现可视化。虽然利用JavaScript模板可以创建HTML接口,但是实际上你只是创建了具有属性和模式的DOM元素。

  虽然两者构建应用的语法不通但是基本的交互式设计和交互式开发的概念却是一直的。两个开发平台各有优缺点。

  接下来做什么?

  你可以去链接http://phonegap.com/ 下载PhoneGap并开发,当然你也可以去链接 http://phonegap.com/apps查看其他人开发的应用。

12

头晕

难过

扯淡

不解

搞笑
4

支持

超赞

欠扁

刚表态过的朋友 (4 人)

相关阅读

最新评论

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-4-20 08:03 , Processed in 0.039880 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部