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

[taojing10]

原文地址： https://blog.jing.do/4094

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

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

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

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

首先，去补习下概念 manifest

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

第三，上传批量生成的 icons

第四，在网页 header 里面增加（注意地址变更）：

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

[hronro]

只加 header，距离 PWA 还是挺远的