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

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

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

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

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

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

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

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

首先,去补习下概念manifest

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

第三,上传批量生成的icons

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

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

喜欢的话订阅一个呗~第一时间收到文章更新哟~

发表评论

电子邮件地址不会被公开。