看下这个例子 http://aoao.ws/app/testicon/ 这个真的是iPhone Web App哦。不是iOS的，不信用iPad试下。。XD

测试时，发现启动图也可以变更。但是，切记 iPhone 的启动图大小只能是320*460 。为什么不是320*480呢，这是为了让web app启动时，如果是横屏，能留20px的白边玩的。iPad 的启动图是768*1004，目前的测试发现只支持竖屏，囧rz

然后又想了半天，发现除了日历、天气外，好像没啥啥应用要动态更新icon的样子。

做了个体验性的天气 http://aoao.ws/app/weather/?w=北京。

写了才发现。。canvas在iOS3.x上真不给力。。fillText可以考虑用canvastext不然你的文字不知道飞到哪。不过这个也只能解决英文的问题，中文就别折腾了，真的要做服务的话，可以考虑服务端生成对应的图片。

如果app太久没开的话，它还会坏掉，就成了这样

T_T 自己加上系统的高光，初步估计原因可是为 iOS会在没开app的情况，自己去更新apple-touch-icon-precomposed.png ，但因为这图片实际又不存在，然后就自做主张了，加入收藏时，桌面图标是好的，但其实已经坏掉了，双击home键时可以看到，只要动态改的就会坏，准确的说用data:image/png;base64,这种方式写入的会坏，但对于桌面的什么时候会变坏还是不清楚，同时发现我的高光画的不好，为什么要自己画高光呢，因为原生带的天气也不是用系统的高光，不过绘下边的文字还是偷懒了，其实可以做得更好。

=。= 目前不支持 Retina Display ，其实写过测试，但发现图片得大点，Native App的优势体现了。

开发时要注意的几点就是：

• 指定页面的宽度及缩放，head里加上：

  <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

• 可以用window.scrollTo(0, 0);移到适合的位置。
• 没有hover，a的点击范围尽量大一点，不然很难点。两个a不要放得太近。^^或者直接在元素的onclick加跳转。
• label居然不能关联input.
• css支持并没有像乔布斯说的跟电脑上的Safari一样，不能直接用Safari代替调试。
• iPhone的头跟Google的Android的基本一样：

  Mozilla/5.0 (iPhone; U; CPU like Mac OS X; zh-cn) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3

iPhone版网站还可以跑在Google的Android，也许以后可以代替WAP。我也在练习中，http://iphone.aoao.org.cn，欢迎点击，一个光明正大的小偷网站，首页一直没时间做T_T。先看一下别人是怎样做滴。

• Google: http://yidong.google.com/m yidong？移动？ 真奇怪，在国内直接访问并没有看到新版，但域名却。。，挖哈哈。
• Facebook: http://iphone.facebook.com 很明显，由于面向的人群不一样，设计也就不一样。。
• Leaflets：http://app.getleaflets.com/ 一个搜索Search，Feeds，Flickr中转，del.icio.us中转及iphone版的网站列表的综合服务，^^
• Pocket Tweets：http://pockettweets.com/，Twitter的iphone版。挖哈哈，设计做得精美无比，功能呢，好像跟Twitter的差不多，除了设置
• Solomodels ：http://www.solomodels.com/iphone/ 其实，我是上去看MM滴，很明显，摄影师是男滴，模特是女滴~同门还有Shockfolio http://www.shockfolio.com/iphone/，两个站风格一样，不过MM不一样。^^
• beejive：http://iphone.beejive.com 可以上MSN，GoogleTalk，细节做得不错，看截图不知道有没有人去做可以上QQ滴。
• 插播广告(MT)Media Temple：http://ac.mediatemple.net/iphone 没帐号的可以到这里看一下界面截图，我的空间商，不过给的iphone版后台少了最重要的的地方－－看GPU。 (MT)很好~很强大~当机补了两个月的月租给我^^ 现在就天天盼着当机。
• 6间房：http://iphone.6.cn 应该是国内第一个iphone版的应用。^^ 可以看视频哦。 而且这里还推荐了一些iPhone版的网站
• ZCOM电子杂志：http://zcom.com/iphone/ 很明显，风格就是抄6间房滴，不过做的还不错。这里有ZCOM的iPhone的专页制作过程，好像少了重点。挖哈哈。

其实iPhone版的网站已经有一大堆了。可以到iPhone™ Application List有没有适合你的应用，不过好像多数设计得不怎样。

再其实，网站可以不用针对iPhone做开发，当然，有时间跟精力去做更好。别说我小气不贴图，看张图，然后打开http://www.apple.com/mac/跟下面的图片对比一下：

当然，细节部分还是要处理的。截图推荐使用Dock ^^ 注意上面的图右下角处，多帅。