《苹果iPhoneWebApp开发指南.docxVIP

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