IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    iPhone Web App 动态 icon

    aoao发表于 2011-01-01 15:11:11
    love 0

    不记得什么时候发现 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的优势体现了。



沪ICP备19023445号-2号
友情链接