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

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

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

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

如何将喜欢的响应式网站变成APP - manifest icon制作教程 - Screenshot 2017 06 25 12 48 21 067 com.android.chrome - Jake blog

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

如何将喜欢的响应式网站变成APP - manifest icon制作教程 - 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">

This site Original article All followed" Attribution—NonCommercial—ShareAlike 4.0 (CC BY-NC-SA 4.0) ”。 Please keep the following marks for sharing and interpretation:

Original author: Jake Tao Source: 「如何将喜欢的响应式网站变成APP – manifest icon制作教程」

Praise 127
0 0 127

Post a reply

Log in can only be commented on later
Share this page
Back to top