How can I turn my Q2A site into a progressive web app?

Question

It's quite complicated to me to understand within 1 minute.

Answer 1

My own guide:

1. Create a file named manifest.json (in root folder), then copy and paste code. Adjust with your own start_url .
Make sure you have an image file that is at least 512 px wide.
https://developers.google.com/web/fundamentals/web-app-manifest
2. Insert a javacript code to register another javascript file named sw.js
https://developers.google.com/web/fundamentals/primers/service-workers
3. Copy "install", "fetch", "activate" code parts and compile it in a single file named sw.js. Adjust with your own CSS and JS.
https://developers.google.com/web/fundamentals/primers/service-workers
4. Install Chrome Lighthouse extension and test.

Comments

What is the use of this?

---

To put an icon on your users' iphone screen.