如何将喜欢的响应式网站变成APP – manifest icon制作教程

*本文上半部分内容,仅限安卓用户。后半部分是开发教程

大家肯定有经历,很多经常上的网站,一直想找他们的APP,但是没有。现在越来越多的站点做到了响应式,这种情况下,APP的作用越来越小。但是由于习惯了各种APP分类,想把这个网站也放在APP堆里面,怎么办呢?

大家知道很多APP都有存到桌面的功能,今天在用chrome的时候,也发现了这个功能,如图。

Screenshot 2017 06 25 12 48 21 067 com.android.chrome Jake blog

点击增加到桌面之后,就会成为一个APP啦,这样就方便整理了。

Screenshot 2017 06 25 12 48 52 087 com.miui .home Jake blog

好了,这些并不是重点。重点是,这个APP的ICON是怎么出来的。我看了下google的文档,其实也挺简单。这里写个教程

首先,去补习下概念manifest

其次,去firebase那边批量生成下:https://app-manifest.firebaseapp.com/

第三,上传批量生成的icons

第四,在网页header里面增加(注意地址变更):

<link rel="manifest" href="manifest.json">

本站原创文章皆遵循“署名-非商业性使用-相同方式共享 3.0 (CC BY-NC-SA 3.0)”。转载请保留以下标注:

原文来源:《如何将喜欢的响应式网站变成APP – manifest icon制作教程》

127
0 0 127

发表回复

登录后才能评论
分享本页
返回顶部