iPhone WebApp 开发指南

《iPhone WebApp 开发指南》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、iiPPhhoonneeWWeebbAApppp开开发发指指南南作者：流螢飛舞WeiPhoneTechTeamiPhoneWebApp开发指南目录一、前言………………………………………………………2二、入门………………………………………………………3三、框架………………………………………………………5四、属性………………………………………………………8五、事件………………………………………………………12六、特性………………………………………………………14七、CSS………………………………………………………15八、封装………………………………………………………20九、后记………………………

2、………………………………23▲本文所有蓝色文字为标准语句；紫色文字为标准标识字。▲iPhoneSafari对字符大小写具有敏感性，因此必须注意文件名的格式，尤其不要使用中文作为文件名。✰感谢hhyytt精心编写的外壳程序，这使得WebApp更加规范、便捷的安装成为可能。✰感谢威锋网技术组（WeiPhoneTechTeam）各位同仁的帮助！尤其是飘sir超版对本文给予了大力支持，并审核了全文。在此致以诚挚的谢意。1iPhoneWebApp开发指南一、前言AppleiPhone推出以后，以其动人的外观、超强的性能和丰富的软件资源吸引了众多的拥趸者。iPhone的原始出厂功能比较基本，仅能完成一般

3、的电话、短信、时钟、邮件、上网以及定位的较少的功能。然而，其基于AppleMacOSX的操作系统，为用户提供了编写应用软件的可能。目前仅在AppStore上架的软件就已经达到近十万个。可以形象的比喻，原始的iPhone像个刚买来的电脑，但众多的第三方软件使其可以完成几乎任何你可以想象到的功能。你的创意总是独特的，或许那些收费的或免费的软件不能满足你的愿望，您也想试图编写一些应用程序来实现你的需求。那么，我可以告诉你，这点上，很难、也很容易。难：Apple公司为企图开发iPhone应用软件的公司和个人提供了开发所必须的软件开发工具包SDK（SoftwareDevelomentKit），然而，使

4、用它，必须先向Apple注册申请，开发的软件要提交AppleStore审核，然后才能上架发布。虽然现在已经出现了盗版的SDK，可以免注册在MAC或Windows环境下进行开发，但其开发环境搭建的复杂，以及基于Object-C相对较难的编程语言，也阻挡的很多爱好者试图开发程序的脚步。易：所幸的是，Apple为我们提供了另一条简洁的开发途径，也就是在基于WebKit的Safari上，用户可以编写自己所需的WebApp，也就是网络应用软件。简单的说，应用程序可严格编写为服务器上的HTML、CSS和JavaScript文件，实现大多数可以实现的功能需求。Web开发和SDK开发是两种截然不同、各有利弊

5、的开发方式。WebKit是一种浏览器引擎，支撑着iPhone内的MobileSafari浏览器背后的技术。WebKit是一个开源项目，它优先支持HTML和CSS特性。实际上，WebKit还支持尚未被其他浏览器采纳的一些诸如HTML5规范CSS样式。iPhone上的Safari支持的标准：üHTML4.01üXHTML1.0üCSS2.1以及部分CSS3üJavaScript(ES3)üDOM(Level2)üAJAX(XMLHttpRequest)熟悉这些标准并且平常也坚持WebStandards实践的朋友估计要笑出来了——就这些吗？我们天天在用啊，还有必要专门写文章来说明吗？事实上，Saf

6、ari之前作为一款无PC版的浏览器，一直用户数量就不高，因此对它的研究也就不多，然而Safari其实有不少自己的扩展，因此还是很值得研究的。既然我们是针对iPhone设置，其实就是针对Safari设计，无需考虑兼容其它浏览器，这时候为什么不好好利用这些扩展增强自己的应用程序的可用性呢？虽然目前iPhoneWebApp开发已经有诸如iUI、Canvas、Dashcode等很好的开发工具，但了解掌握最基本的html、javascript、css知识仍是十分必要的。本文竭力提供通俗易懂的内容，以大量的例子入手，突出特性，适合有一定Web开发基础，并试图开发iPhoneWebApp开发的人士参考。2

7、iPhoneWebApp开发指南二、入门1、首先要说的就是viewport，也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。对于传统Web页面直接在iPhone上面显示来说是很好的事情，因为如果传统Web页面在980宽度的桌面浏览器viewport中显示正常的话，iPhone上显示也绝对正常。然而这对于Web