iPhone Web App 动态 icon

不记得什么时候发现 iPhone 收藏到桌面的网页,在每次打开后会更新apple-touch-icon 的图片,也正是因为这个特性,我们可以用来动态更新icon

看下这个例子 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=北京

iphone weather icon qrcode

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

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

iphone weather bug icon

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

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

This entry was posted in Web开发 and tagged , . Bookmark the permalink.

你可能对这些也感兴趣

3 Responses to iPhone Web App 动态 icon

  1. 呆呆 @ 2011-01-03 at 11:11

    能看到你更新真的很感到,新年快乐:)

  2. will @ 2011-01-11 at 10:29

    好久没更新了,希望多多更新,也希望能了解到更多ios方面的知识.

  3. 梦翔 @ 2011-05-12 at 14:38

    现在转攻手机客户端浏览开发了?

发表评论

(必填)

(必填)