PhoneGap应用程序开发技巧

牛津大学和剑桥大学龙舟赛赞助商，纽约梅隆想制作一个动手的应用程序。我们选择了phonegap的软件完成了一次部署到多个平台， 这是非常有吸引力的想法。而且，由于我们是web开发，HTML，CSS和Javascript是什么，我们知道最好的。最近像PhoneGap的使用框架与构建原生应用程序一直有很多争论，但PhoneGap的为我们运作良好，我很高兴再次使用它。

其中蓝色是你的应用程序现在已经抵押下载超过7000次，纽约梅隆的机会捕捉到了一些线索。获取的iOS或Android的应用程序。

构建这些应用程序对我们来说一直是一个学习的过程，所以我想它可能是有用的，与大家分享一些我学到的东西一路上。

真正的手机试验

在世界上的iOS，事情是不是太糟糕了，使用Xcode和iPhone模拟器是相当现实的。即使是这样，不过，有可能是一些讨厌的意外，如果在真实设备上测试项目结束时离开。例如，您可能会发现，你的动画在模拟器上看起来很大，但慢得令人痛苦的iPhone 3GS上。某些功能不能被效仿，例如，如果您的应用程序使用的加速​​度计，那么有没有办法模拟它（你可以尝试摇晃你的笔记本电脑，但它不会让你很远）。

当涉及到Android是一个巨大的一套不同的挑战。模拟器往往是缓慢，反应迟钝，经常片状的，当用它来与Eclipse中运行的应用程序。因此，我很少用它进行测试。幸运的是一个应用程序部署到实际设备很简单，在开发过程中使用Eclipse和Android SDK和，不像iOS上有没有要求来测试您的应用程序的开发人员帐户。

没有一个项目是如何决定哪些设备和Android版本上进行测试？这里有大量的设备有设备和Android版本的潜在的组合是巨大的。这将是不可能对它们进行测试，但作为一个最小的，它是最好的目标至少有一个主屏尺寸，所以相当老的和小的东西像HTC野火，如一个中等大小的三星Galaxy S2，和一个大的像一台Nexus 4。这只是在设备的表面划伤，所以最好的事情是同意将用于测试设备和Android版本的客户端，并始终确保这包括他们使用的手机。

CSS3和HTML5

移动应用程序上工作的好东西之一是，你可以使用CSS3和HTML5，而不必担心提供回退，将不会有任何的需要，无图像，故作渐变，或变通适用于Internet Explorer HTML5 shivs的。可悲的是，这并不意味着一切都将完全像您期望的，这里有几件事情，可能你：

1. 一些CSS3属性可以影响性能，箱阴影尤其是坏的，所以如果你的动画看起来波涛汹涌尝试删除任何框阴影，它可以帮助。

2. 3D CSS3动画硬件加速，但你可以欺骗它使用硬件加速2D动画，加入：

   -webkit的变换：translate3d（0,0,0），
   （0,0,0）变换：translate3d;

3. 记住很多CSS3属性，而不再需要前缀，这些可能仍然需要早期版本的Andr​​oid和iOS。例如框阴影需要的-webkit前缀到第4版在Android和iOS 5版本。不断帮助http://caniuse.com的包括移动浏览器，其兼容性表。这也是值得注意的是，老版本可能会使用不同的语法为背景梯度，但如http://www.colorzilla.com发电机可以为您提供这些。

jQuery Mobile的

jQuery的移动是非常有用的和节省时间的开发应用程序时，因为它很容易使用和有据可查的。从前端的角度查看的能力仅仅是一个链接直接指定所需的过渡，是伟大的，它看起来像这样：

<a href="index.html" data-transition="slidedown">

然而，我们在那里发现的问题是当你需要有更多的控制您的应用程序的外观和感觉。在另一个应用程序中，我们结束了去除jQuery的移动，编写我们自己的页面加载器和花费时间创建和调整翻转动画让它完全满足客户的要求。

需知，“事情就找到谷歌搜索的时间太长”

重命名你的App：

1. Android版 ​​本：编辑app-name为项目文件夹 /机器人/ 项目 /业绩/价值/的strings.xml
2. IOS：在Xcode中，选择你的项目目标“下，然后在”信息“选项卡中更新捆绑显示名称

迫使手机在横向模式下显示的应用程序：

1. Android版 ​​本：在项目文件夹 /机器人/ 项目 / AndroidManifest.xml中添加Android版 ​​本：screenOrientation =“景观”，活动标签
2. IOS：在Xcode中，选择下你的项目目标，在“摘要”选项卡中，确保景观权利或横向左，要么选择不选择和纵向的。

应用程序正在运行时，隐藏在手机的状态栏：

1. Android版 ​​本：在项目文件夹 /机器人/ 项目 / RES / XML / config.xml中加入
2. IOS：在Xcode中，选择“目标”下，您的项目在“摘要”选项卡中选择能见度-在状态栏部分隐藏在应用程序启动。

在应用程序的浏览器中打开外部链接：

没有这个用户可以点击外部链接在你的应用程序，然后再不能回来的应用程序，幸运的是，当前版本的PhoneGap带有InAppBrowser，你可以用window.open调用。例如，您可以打开一个URL使用这样的命令：

的onClick =“的window.open（'http://google.com'，'_blank'，'位置=是'）;”

PhoneGap的开发

这只是简要介绍了学习的过程中我们一直在通过开发这些应用程序的同时，但希望会有提示在这里，给其他开发商采取的第一个步骤到应用开发有用。使用的PhoneGap并带有一定的局限性，但对于我们的应用程序，它已经做的工作​​，并为Web开发人员，尤其是像我这样的前端类型，它是一个很好的方式开始，并开始了解应用程序开发。