不记得什么时候发现 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=北京。
写了才发现。。canvas在iOS3.x上真不给力。。fillText
可以考虑用canvastext不然你的文字不知道飞到哪。不过这个也只能解决英文的问题,中文就别折腾了,真的要做服务的话,可以考虑服务端生成对应的图片。
如果app太久没开的话,它还会坏掉,就成了这样
T_T 自己加上系统的高光,初步估计原因可是为 iOS会在没开app的情况,自己去更新apple-touch-icon-precomposed.png ,但因为这图片实际又不存在,然后就自做主张了,加入收藏时,桌面图标是好的,但其实已经坏掉了,双击home键时可以看到,只要动态改的就会坏,准确的说用data:image/png;base64,这种方式写入的会坏,但对于桌面的什么时候会变坏还是不清楚,同时发现我的高光画的不好,为什么要自己画高光呢,因为原生带的天气也不是用系统的高光,不过绘下边的文字还是偷懒了,其实可以做得更好。
=。= 目前不支持 Retina Display ,其实写过测试,但发现图片得大点,Native App的优势体现了。