*The first half of this article is for Android users only. The second half is a development tutorial.
We've all had the experience of frequently visiting websites and constantly looking for their apps, only to find they're not there. With more and more websites becoming responsive, the role of apps is diminishing. But what if you're used to various app categories and want to include your website among them?
As we all know, many apps have the function of saving to the desktop. I also discovered this function when using Chrome today, as shown in the picture.
After clicking to add it to the desktop, it will become an app, making it easier to organize.
Okay, that's not the point. The point is, how did this app's icon come about? I looked at Google's documentation, and it's actually quite simple. Here's a tutorial.
First, go brush up on the concept of manifest.
Secondly, generate the manifest in batches using Firebase: https://app-manifest.firebaseapp.com/
Third, upload the batch-generated icons.
Fourth, add the following to the webpage header (note the URL change):
rel='manifest' href='manifest.json'> This siteOriginal articleAll follow "Attribution-NonCommercial-ShareAlike 4.0 License (CC BY-NC-SA 4.0)Please retain the following annotations when sharing or adapting:
Original author:Jake Tao,source:"How to turn your favorite responsive website into an app – Manifest icon creation tutorial"
