上海品茶

根据AdMob ,的调查显示，iPhone的操作系统是占全球智能手机操作系统份额最高的手机操作系统，高达40%，而排名第二的安卓系统所占比例为26%。在苹果发布Ipad的第一年，其世界各地的销售量均突破100万台，最高达到400万台。无论你是喜欢还是反感，IOS和Safari现在已经成为移动互联网开发的一个不容忽视的角色。如果你对IOS还不熟悉，那我劝你最好先静下心来，好好学习和熟悉IOS网络应用开发与IOS环境下移动网站优化所需要的要点和工具。幸好iPhone内置的Safari浏览器是一个优秀的浏览 器。像用于电脑的Safri、样，iPhone内置的Safari也支持CS3和HTML5。Safari 浏览器也有一些非常独特的光滑界面元素设计，这些设计在iPhone和iPad上有着不同的显示效果。因为ios已经趋向成熟并拥有大量的用户，所以该系统可利用的资源非常丰富。我们知道大家讨论的焦点就是ios平台上的原生应用程序。但是你仍然可以涌过使用HTML、JavaScript 和CSS来开发类似于系统原生程序的强大应用。本文将重点讲解创建和优化网站的三个重要阶段:设计理念、编写代码、功能测试。在开始讨论上述三个重要步骤之前，让我们先来看一看网络应用程序与原生应用程序相比较所存在的一些优点和不足。
开发网络应用程序的优点:
(1)不用经历苹果公司繁杂的审批程序，特别是现在那些复杂冗长的服务纠纷条款。
(2)用相同的程序代码优化运用于像安卓系统和黑莓系统等其他主流操作平台的网络应用程序时更方便也更容易。
(3)不用另外学习0bjective-C。
(4)如果你开发的是收费应用程序，你不用和苹果公司共享你的收入。
(5)你对用户支付手段、费用分配和产品促销有着完全的控制权，同时这也可能有负面影响，关键在于你如何对待。
开发网络应用程序的缺点:

1. 你的应用不会出现在App Store中。.
2. 在设备上安装该应用程序可能会有点麻烦。
3. 不能拥有一些原生ios应用程序的功能，例如推送通知和GUI控件。

• 设计理念

其实设计一个ios平台上的网络应用程序和设计原生ios应用的理念大同小异，首先你要具备必要的操作工具。无论你是准备用笔和纸来勾勒网站的框架，或是用电脑软件来完成，你都要做好充足的准备。

1. 迸发灵感

没有多少人知道在苹果网站有“网络应用程序”这个链接，这-部分专门展示一些网站优化的案例。

2. 图纸

在设计网站和构思线框的时候，图纸一直 是表达思想和理念的首选工具。因为它们能为设计构想的事物提供既定的空间和透视图的效果。你必须全神费注才能顺利完成用于iOS平台的网络应用程序。建议使用下述的其中- -种工具进行设计，然后建议用美观的线框保留最简明的设计。

3. 数码软件

一旦你知道这些软件是 如何使用的,我们就可以直接把设计搬到电脑桌面上, 利用这些软件来完成。可以用OmiGrafle来绘制线框，不过有时候直接用Photoshop也是可行的。总之，这些数码软件对你绘制线框还是很有帮助的。

• 编写代码

当你开始为ios系统上的Safari浏览器编写代码的时候，理解浏览器的运行原理是非常重要的。同样，iPhone和iPad的浏览器在使用上还是存在着一些细微的差别，例如表单框的选取就不一样。还有一点非常重要，因为Sa- fari支持CSS3和HTML5，所以你可以放心地使用现在的代码而不用担心跨浏览器兼容问题。

• 学习资源

IOS系统确实对于Safari的优化下了很大的功夫，并且做得很好。我个人认为唯一不足的地方就是没有做好窗口定向，还有就是缺乏辅助浏览器检测功能。读了下面的文章你就会对浏览器代码编写有-一个全面细致的了解。iPhone网络应用程序的人机交互手册//developer.apple .com/library/safari/#documentation/InternetWeb/Con- ceptual/iPhoneWebAppHlG/Introduction/Introduction.html该文章全面地总结了Safari 浏览器是如何在ios系统上运行的。虽然文章里没有具体的程序编码案例，但是给读者提供了许多很好的意见，所以还是值得去深入学习了解的。

• iPhone网络应用程序的人机交互手册

//developer.apple .com/library/safari/#documentation/InternetWeb/Con-ceptual/iPhoneWebAppHlG/Introduction/Introduction.html
这篇文章则详细描写了iPhone和iPad的细节差别。因为这篇文章里收录了一些有对 iPad设计有重大参考价值的建议，所以也建议你花时间来读-读。

• Safari网页内容指南

//developer. apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html这篇文章详细介绍了Safari 包含视窗、网络收藏图标、独特的元标签和事件处理在内的很多内容。同时文章中还提供了代码示例。建议读者能把这本书从头到尾一字不漏地完整看-遍。

• 定义浏览器

大卫●沃尔什在他的博客上列举了很多正确定义iPhone和iPad浏览器的例子。这其中也包含了使用JavaScript和PHP。

• 检测Iphone窗口定义

ht://.tousronsto/otoolss and tps/ern-how-to-develo-forthe-iPhone/Nettuts的iPhone开发教程为如何根据iPhone的定义来改变样式表提供了、个非常好的例子。

• 检测Ipad窗口定义

相比之下，检测iPad的窗口定义要容易得多。下面是编译代码(不需要用JavaScript ): <link rel='stylesheet”media='all and (orientation :portrait)” href=”portrait.css" ><link rel='”stylesheet" media=" all and (orientat ion: landscape)” href=”landscape .css”>

• JQTouch移动网络框架

虽然iPhone有-些已经发展成熟的移动网络框架，但是jQTouch无疑是最好的。jQTouch所提供的功能能让你的移动网络应用做得像系统原生应用一模一样。

• 功能测试

开发一个适用于ios系统的网络应用软件或者网站最关键也最难搞定的部分就是功能测试。在手机上进行浏览器测试比在电脑上进行浏览器要更有难度, 但是只要你熟悉测试工具和测试流程，测试-般还是可以顺利进行的。

1. 实时显示

如果你的应用程序还正在设计当中，或者正处于编码的初始阶段，那么实时显示是一个非常有用的工具。它可以通过电脑连接你的手机并获取手机里的显示图像，让你对手机内的程序进展一目了然。由于有时候通过Photoshop来显示手机里的图像是很麻烦的，所以用实时显示能有效协助你调整页面文字的大小和一些显示细节。

2. 使用iPhone模拟器

那些能用的iPhone和iPad模拟器没有一个是好的，用这些模拟器简直就是在浪费时间。与其如此，还不如下载最新版本的SDK,或者在苹果官方网站上下载同时支持iPhone和iPad的ios模拟器。通常设定SDK和本地测试环境要花上-段时间，不过和依靠并不准备的模拟器来测试，多花上几分钟等待环境建立好还是很值得的。本地测试有一个最大的好处，那就是不仅不知道链接网络完成工作而且测试的速度也很快。如果你准备进行功能测试的话，更推荐你使用这种方法。