苹果iPhone WebApp 开发指南
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
✰感谢威锋网技术组（）各位同仁的帮助！尤其是飘超版对本文
给予了大力支持，并审核了全文。在此致以诚挚的谢意。
开发指南
一、前言
推出以后，以其动人的外观、超强的性能和丰富的软件资源吸引了众多的拥趸
者。的原始出厂功能比较基本，仅能完成一般的电话、短信、时钟、邮件、上网以及定位
的较少的功能。然而，其基于的操作系统，为用户提供了编写应用软件的可能。
的快乐梦想。
、的基本结构。很多人对已经很熟了。在此仅做一简单复习。
<>
<>
< ……>
< ……>
<>……<>
< "" ""><>
< "">……<>
<>
< "">……<>
<>……<>
<>
下面，侧重的特性，详细介绍其各部分的内容。开发指南
三、框架
基于的，有一些与电脑上的，特别是与( )
不同之处，以下的说明中会特别注明。
在设置了之后，我们终于可以以的比例进行页面设计了。
关于，还有一个很重要的概念是：的浏览器完全没有滚动条，而且不
是简单的“隐藏滚动条”，是根本没有这个功能。的浏览器实际上从一开始就完整显
示了这个网页，然后用查看其中的一部分。当你用手指拖动时，其实拖的不是页面，而是
。
浏览器行为的改变不止是滚动条，交互事件也跟普通桌面不一样。这在后面会进行详细说明。
性后其它值是自动推算出来的，不再是默认的。
如果你把
，那
么和
在竖屏时自动为
*（不是
*因为地址栏
等都占据空间），横屏
时自动为*。
类似地，如果你仅
仅设置了，就
会自动推算出
以及
。例如你设置
了，竖屏时就是，横屏时则变成了。
那么到底这些设置如何让知道？其实很简单，就一个，形如：
< "" "" "; ;
; ;">开发指南
、必须注意到，为了让你的页面更好地受到的支持。必须：
声明正确的；
避免使用；
每一个独立的资源文件，、、、以及非流媒体的其他多媒体文件，
限制在之内；
顶级入口的执行时间限制为秒，超时将自动终止；
分配内存上限为；
同一时间最多在内打开个子窗口（同时浏览的页面）。
本身还对图片有如下的限制：
（包括动画）、与解压后的体积小于。意思是，原图的长度乘以
宽度再乘以每一个像素的位数，得出来的大小要小于；
解压后最大的体积是。解压体积大于的会被进行二次抽样，最终显
示给用户的是二次抽样后的结果。显示时实际上是降低了精度的，以提高程序的执行效率。
可以看出对的支持与桌面端的是类似的，只是加入了更多扩展功能而已。
使用作为框架，适当嵌入，灵活运用，即可实现你编写应用软件
苹果开发指南
一、前言………………………………………………………
二、入门……………………………………………………………
四、属性………………………………………………………
五、事件………………………………………………………
六、特性………………………………………………………
目前仅在上架的软件就已经达到近十万个。可以形象的比喻，原始的像个刚
买来的电脑，但众多的第三方软件使其可以完成几乎任何你可以想象到的功能。
你的创意总是独特的，或许那些收费的或免费的软件不能满足你的愿望，您也想试图编写一些
应用程序来实现你的需求。那么，我可以告诉你，这点上，很难、也很容易。
难：公司为企图开发应用软件的公司和个人提供了开发所必须的软件开发工
但了解掌握最基本的、、知识仍是十分必要的。本文竭力提供通俗易懂的内容，
以大量的例子入手，突出特性，适合有一定开发基础，并试图开发开发
的人士参考。开发指南
二、入门
、首先要说的就是，也就是可视区域。对于桌面浏览器，我们都很清楚
是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区
们可以操作的属性有个：
·的宽度（范围从到，默认为像素）
·的高度（范围从到）
·初始的缩放比例（范围从>到）
·允许用户缩放到的最小比例
·允许用户缩放到的最大比例
·用户是否可以手动缩放
这个属性，我们可以设置其中的一个或者多个，会根据你设置的属性自动推算其他属
性值，而非直接采用默认值。这点很重要，在完全不设置的时候有默认，在你设置一个属
、头<>部分：
①<>
们天天在用啊，还有必要专门写文章来说明吗？事实上，之前作为一款无版的浏览器，一
直用户数量就不高，因此对它的研究也就不多，然而其实有不少自己的扩展，因此还是很值
得研究的。既然我们是针对设置，其实就是针对设计，无需考虑兼容其它浏览器，
这时候为什么不好好利用这些扩展增强自己的应用程序的可用性呢？
虽然目前开发已经有诸如、、等很好的开发工具，
具包（），然而，使用它，必须先向注册申请，开发的软
件要提交审核，然后才能上架发布。虽然现在已经出现了盗版的，可以免注册
在或环境下进行开发，但其开发环境搭建的复杂，以及基于相对较难
的编程语言，也阻挡的很多爱好者试图开发程序的脚步。
易：所幸的是，为我们提供了另一条简洁的开发途径，也就是在基于的
上，用户可以编写自己所需的，也就是网络应用软件。简单的说，应用程序可严格编写为
服务器上的、和文件，实现大多数可以实现的功能需求。开发和
开发是两种截然不同、各有利弊的开发方式。
是一种浏览器引擎，支撑着内的浏览器背后的技术。
是一个开源项目，它优先支持和特性。实际上，还支持尚未被其他浏览器采
纳的一些诸如规范样式。
上的支持的标准：
ü
ü
ü以及部分
ü()
ü( )
ü()
熟悉这些标准并且平常也坚持实践的朋友估计要笑出来了——就这些吗？我
七、………………………………………………………
八、封装………………………………………………………
九、后记………………………………………………………
▲本文所有蓝色文字为标准语句；紫色文字为标准标识字。
▲对字符大小写具有敏感性，因此必须注意文件名的格式，尤其不要使用中文
作为文件名。
✰感谢精心编写的外壳程序，这使得更加规范、便捷的安装成为可能。
域。
对于传统页面直接在上面显示来说是很好的事情，因为如果传统页面在
宽度的桌面浏览器中显示正常的话，上显示也绝对正常。然而这对于应用
程序来说则不是好事，因为我们需要按照宽度来设计将来会以宽度显示的页面，一个应该
显示为*的元素，必须设计为*，这多麻烦！因此我们需要改变。
实际上应该怎么做呢？我们有几个选择，因此先让我们看看到底我们能够设置哪些属性吧。我
给予了大力支持，并审核了全文。在此致以诚挚的谢意。
开发指南
一、前言
推出以后，以其动人的外观、超强的性能和丰富的软件资源吸引了众多的拥趸
者。的原始出厂功能比较基本，仅能完成一般的电话、短信、时钟、邮件、上网以及定位
的较少的功能。然而，其基于的操作系统，为用户提供了编写应用软件的可能。
的快乐梦想。
、的基本结构。很多人对已经很熟了。在此仅做一简单复习。
<>
<>
< ……>
< ……>
<>……<>
< "" ""><>
< "">……<>
<>
< "">……<>
<>……<>
<>
下面，侧重的特性，详细介绍其各部分的内容。开发指南
三、框架
基于的，有一些与电脑上的，特别是与( )
不同之处，以下的说明中会特别注明。
在设置了之后，我们终于可以以的比例进行页面设计了。
关于，还有一个很重要的概念是：的浏览器完全没有滚动条，而且不
是简单的“隐藏滚动条”，是根本没有这个功能。的浏览器实际上从一开始就完整显
示了这个网页，然后用查看其中的一部分。当你用手指拖动时，其实拖的不是页面，而是
。
浏览器行为的改变不止是滚动条，交互事件也跟普通桌面不一样。这在后面会进行详细说明。
性后其它值是自动推算出来的，不再是默认的。
如果你把
，那
么和
在竖屏时自动为
*（不是
*因为地址栏
等都占据空间），横屏
时自动为*。
类似地，如果你仅
仅设置了，就
会自动推算出
以及
。例如你设置
了，竖屏时就是，横屏时则变成了。
那么到底这些设置如何让知道？其实很简单，就一个，形如：
< "" "" "; ;
; ;">开发指南
、必须注意到，为了让你的页面更好地受到的支持。必须：
声明正确的；
避免使用；
每一个独立的资源文件，、、、以及非流媒体的其他多媒体文件，
限制在之内；
顶级入口的执行时间限制为秒，超时将自动终止；
分配内存上限为；
同一时间最多在内打开个子窗口（同时浏览的页面）。
本身还对图片有如下的限制：
（包括动画）、与解压后的体积小于。意思是，原图的长度乘以
宽度再乘以每一个像素的位数，得出来的大小要小于；
解压后最大的体积是。解压体积大于的会被进行二次抽样，最终显
示给用户的是二次抽样后的结果。显示时实际上是降低了精度的，以提高程序的执行效率。
可以看出对的支持与桌面端的是类似的，只是加入了更多扩展功能而已。
使用作为框架，适当嵌入，灵活运用，即可实现你编写应用软件
苹果开发指南
一、前言………………………………………………………
二、入门……………………………………………………………
四、属性………………………………………………………
五、事件………………………………………………………
六、特性………………………………………………………
目前仅在上架的软件就已经达到近十万个。可以形象的比喻，原始的像个刚
买来的电脑，但众多的第三方软件使其可以完成几乎任何你可以想象到的功能。
你的创意总是独特的，或许那些收费的或免费的软件不能满足你的愿望，您也想试图编写一些
应用程序来实现你的需求。那么，我可以告诉你，这点上，很难、也很容易。
难：公司为企图开发应用软件的公司和个人提供了开发所必须的软件开发工
但了解掌握最基本的、、知识仍是十分必要的。本文竭力提供通俗易懂的内容，
以大量的例子入手，突出特性，适合有一定开发基础，并试图开发开发
的人士参考。开发指南
二、入门
、首先要说的就是，也就是可视区域。对于桌面浏览器，我们都很清楚
是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区
们可以操作的属性有个：
·的宽度（范围从到，默认为像素）
·的高度（范围从到）
·初始的缩放比例（范围从>到）
·允许用户缩放到的最小比例
·允许用户缩放到的最大比例
·用户是否可以手动缩放
这个属性，我们可以设置其中的一个或者多个，会根据你设置的属性自动推算其他属
性值，而非直接采用默认值。这点很重要，在完全不设置的时候有默认，在你设置一个属
、头<>部分：
①<>
们天天在用啊，还有必要专门写文章来说明吗？事实上，之前作为一款无版的浏览器，一
直用户数量就不高，因此对它的研究也就不多，然而其实有不少自己的扩展，因此还是很值
得研究的。既然我们是针对设置，其实就是针对设计，无需考虑兼容其它浏览器，
这时候为什么不好好利用这些扩展增强自己的应用程序的可用性呢？
虽然目前开发已经有诸如、、等很好的开发工具，
具包（），然而，使用它，必须先向注册申请，开发的软
件要提交审核，然后才能上架发布。虽然现在已经出现了盗版的，可以免注册
在或环境下进行开发，但其开发环境搭建的复杂，以及基于相对较难
的编程语言，也阻挡的很多爱好者试图开发程序的脚步。
易：所幸的是，为我们提供了另一条简洁的开发途径，也就是在基于的
上，用户可以编写自己所需的，也就是网络应用软件。简单的说，应用程序可严格编写为
服务器上的、和文件，实现大多数可以实现的功能需求。开发和
开发是两种截然不同、各有利弊的开发方式。
是一种浏览器引擎，支撑着内的浏览器背后的技术。
是一个开源项目，它优先支持和特性。实际上，还支持尚未被其他浏览器采
纳的一些诸如规范样式。
上的支持的标准：
ü
ü
ü以及部分
ü()
ü( )
ü()
熟悉这些标准并且平常也坚持实践的朋友估计要笑出来了——就这些吗？我
七、………………………………………………………
八、封装………………………………………………………
九、后记………………………………………………………
▲本文所有蓝色文字为标准语句；紫色文字为标准标识字。
▲对字符大小写具有敏感性，因此必须注意文件名的格式，尤其不要使用中文
作为文件名。
✰感谢精心编写的外壳程序，这使得更加规范、便捷的安装成为可能。
域。
对于传统页面直接在上面显示来说是很好的事情，因为如果传统页面在
宽度的桌面浏览器中显示正常的话，上显示也绝对正常。然而这对于应用
程序来说则不是好事，因为我们需要按照宽度来设计将来会以宽度显示的页面，一个应该
显示为*的元素，必须设计为*，这多麻烦！因此我们需要改变。
实际上应该怎么做呢？我们有几个选择，因此先让我们看看到底我们能够设置哪些属性吧。我