iPad网页开发教程及规则(三)

默认隐藏工具栏

iPhone的浏览器工具栏会在页面最顶端，卷动网页后才隐藏。这样在加载网页完成后显得很浪费空间，特别是横向屏幕时。我们可以让它自动卷动上去。

01 <script type="application/x-javascript"> 02    addEventListener("load", function() 03    { 04       setTimeout(hideAddressbar, 0); 05    }, false); 06    function hideAddressbar() 07    { 08       window.scrollTo(0, 1); 09    } 10 </script> iPad图标

iPad开发完成后，会体现图标的地方主要有：

iPad桌面，不大于72×72的png格式图标；iPhone桌面，不大于57×57的png格式图标，在Xcode中的资源部分添加，并在xxxInfo.plist中设置Icon file属性为添加的图片资源名称。图标文件不需要做圆角和反光，iPad/iPhone自己会完成。

App Store中软件简介中显示的缩略图，在打包生成zip文件的根目录放置的文件名为iTunesArtwork的jpg图片，大小要求在512×512以下

如果你的用户将你的网站添加到home screen，iPhone会使用网站的缩略图作为图标。然而你可以提供一个自己设计的图标，这样当然更好。图片是57×57大小，png格式。不需要自己做圆角和反光，系统会自动完成这些工作。然后将下面这条加入head中： 1 <rel="apple-touch-icon" href="images/youricon.png"/>

用iScroll控制你的触摸滚动

这是一个简单且最有用的源码，能够帮助你控制你的网络应用程序。由Matteo Spinelli创作，iScorll是一个开发项目，因为网络浏览器引擎Webkit工具套件（用于iPhone,iPod,iPad,Android 以及Palm上）不提供本地方式去滚动文章内部一个固定的高度/宽度元素。

这种不幸的情况防止任何Web应用程序有一个头和/或页脚的 position:absolute CSS属性，并滚动中心区域的内容。

iScroll代码非常易于使用。如果你喜欢iScroll，你需要这些类似的jQuery插件：jQuery Swipe和。

iPad本机应用程序 1 * 本机应用程序运行更快：使用更多的iPad的资源和性能。 2 * 不需要在网络上搜索：在苹果商店上一站式购买。 3 * 用户感觉更加舒适：他们知道程序是为他们设备特别制作的，不适合用HTML5/CSS3。 4 * 更容易打开和关闭：程序在打开和关闭的时候没有任何中断且不会丢失数据。 5 * 更难于开发：要求Objective-C 和Apple SDK的知识。 6 * 封闭的平台：很难为其他设备进行修改比如Android平台。 iPad网络应用程序 1 * 新兴的编码标准：HTML5，CSS3，JavaScript正在为网络带来令人惊奇的客户端功能；特别是本地/离线存储功能。 2 * 站点可以对任何浏览器进行定制：根据你的用户所操作的设备或浏览器切换样式表或重定向网页都。它可以使您的应用程序具有通用性。 3 * 开发简单：使用HTML，CSS和JavaScript创建iPad网络应用程序代替学习新语言。这些技能你应该已经具备了。 4 * 史蒂夫 乔布斯不能审查你的网络程序：网络是一个开放平台C意味着你皆在自己的掌控之中，不需要等待苹果商店的批准通过。 5 * 小众的市场，没有足够的支持：网络应用程序需要众多的力量，不仅需要吸引用户也需要开发者参与。