文档介绍：--------------------------校验:_____________-----------------------日期:_____________苹果iPhoneWebApp开发指南苹果iPhoneWebApp开发指南1目录一、前言………………………………………………………2二、入门………………………………………………………3三、框架………………………………………………………5四、属性………………………………………………………8五、事件………………………………………………………12六、特性………………………………………………………14七、CSS………………………………………………………15八、封装………………………………………………………20九、后记………………………………………………………23▲本文所有蓝色文字为标准语句;紫色文字为标准标识字。▲iPhoneSafari对字符大小写具有敏感性,因此必须注意文件名的格式,尤其不要使用中文作为文件名。✰感谢hhyytt精心编写的外壳程序,这使得WebApp更加规范、便捷的安装成为可能。✰感谢威锋网技术组(echTeam)各位同仁的帮助!尤其是飘sir超版对本文给予了大力支持,并审核了全文。在此致以诚挚的谢意。iPhoneWebApp开发指南2一、前言AppleiPhone推出以后,以其动人的外观、超强的性能和丰富的软件资源吸引了众多的拥趸者。iPhone的原始出厂功能比较基本,仅能完成一般的电话、短信、时钟、邮件、上网以及定位的较少的功能。然而,其基于AppleMacOSX的操作系统,为用户提供了编写应用软件的可能。目前仅在AppStore上架的软件就已经达到近十万个。可以形象的比喻,原始的iPhone像个刚买来的电脑,但众多的第三方软件使其可以完成几乎任何你可以想象到的功能。你的创意总是独特的,或许那些收费的或免费的软件不能满足你的愿望,您也想试图编写一些应用程序来实现你的需求。那么,我可以告诉你,这点上,很难、也很容易。难:Apple公司为企图开发iPhone应用软件的公司和个人提供了开发所必须的软件开发工具包SDK(SoftwareDevelomentKit),然而,使用它,必须先向Apple注册申请,开发的软件要提交AppleStore审核,然后才能上架发布。虽然现在已经出现了盗版的SDK,可以免注册在MAC或Windows环境下进行开发,但其开发环境搭建的复杂,以及基于Object-C相对较难的编程语言,也阻挡的很多爱好者试图开发程序的脚步。易:所幸的是,Apple为我们提供了另一条简洁的开发途径,也就是在基于WebKit的Safari上,用户可以编写自己所需的WebApp,也就是网络应用软件。简单的说,应用程序可严格编写为服务器上的HTML、CSS和JavaScript文件,实现大多数可以实现的功能需求。Web开发和SDK开发是两种截然不同、各有利弊的开发方式。WebKit是一种浏览器引擎,支撑着iPhone内的MobileSafari浏览器背后的技术。WebKit是一个开源项目,它优先支持HTML和CSS特性。实际上,WebKit还支持尚未被其他浏览器采纳的一些诸如HTML5规范CSS样式。iPhone上的Safari支持的标准:üüü以及部分CSS3üJavaScript(ES3)üDOM(Level2)üAJAX(XMLHttpRequest)熟悉这些标准并且平常也坚持WebStandards实践的朋友估计要笑出来了——就这些吗?我们天天在用啊,还有必要专门写文章来说明吗?事实上,Safari之前作为一款无PC版的浏览器,一直用户数量就不高,因此对它的研究也就不多,然而Safari其实有不少自己的扩展,因此还是很值得研究的。既然我们是针对iPhone设置,其实就是针对Safari设计,无需考虑兼容其它浏览器,这时候为什么不好好利用这些扩展增强自己的应用程序的可用性呢?虽然目前iPhoneWebApp开发已经有诸如iUI、Canvas、Dashcode等很好的开发工具,但了解掌握最基本的html、javascript、css知识仍是十分必要的。本文竭力提供通俗易懂的内容,以大量的例子入手,突出特性,适合有一定Web开发基础,并试图开发iPhoneWebApp开发的人士参考。iPhoneWebApp开发指南3二、入门1、首先要说的就是viewport,也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。对于传统Web页面直接在iPhone上面显示来说是很好的事情,因为如果传统Web页面在980宽度的桌面浏览器viewport中显示正常的话,iPhone上