How can you debug "add to home screen" in Chrome on Android?

I am trying to add an internal web application to the main screen of an Android device for testing. It should be like a real chrome-decorated web application with a full-screen, custom icon, etc.

But this does not work, and I see no way to debug / troubleshoot.

manifest added and linked. The server is located on an IP address, a non-standard port and with a self-signed SSL certificate. Could this be a problem if these details are a problem?

Any help on getting this to work would be greatly appreciated!

+5
source share
2 answers

There are several ways you can check to make sure that you are configured correctly.

  • Use the Mounir Lamouri manifest to manifest if there are any obvious errors.
  • Check out Chrome Dev Tools.
    • Chrome will always try to download the manifest and icons if they are found (via link rel=manifest ), and you have a service employee
    • If you don’t have a service worker, manually “add to the desktop” from Chrome on Android (while you are connected via USB debugging, see chrome://inspect ) and you will see that it extracts the manifest.

downloadable manifest

If you don’t see the downloadable manifest, it is very likely that your page is not configured correctly, so make sure your page has <link rel="manifest" href="{url to your manifest}">

+2
source

and, do not forget to turn off “user engagement bypass checks” in chrome: // flags , so you can be sure that you Chrome browser will always satisfy the conditions that allow you to install

enter image description here

+1
source

Source: https://habr.com/ru/post/1215073/


All Articles