Q: I have generated a set of icons for my site for various platforms/devices using realfavicongenerator.net. After incorporating them into my site, I have noticed that on iOS (Safari) and Android (Chrome), when adding a shortcut to my site on the desktop, my site is being treated like a web app. Chrome on Android shows "install app" instead of "add shortcut", and on both iOS and Android devices, clicking on the shortcut launches my site in web app mode, i.e., without the browser's navigation elements. How do I get my site to behave like a standard site, not a web app, again?
A:realfavicongenerator.net generates a file called site.webmanifest. It should be in the same folder as all your different generated favicons, likely in the root folder of your site. The content of the file will look similar to this:
If you change "standalone" to "browser", that should do it. Don't forget to clean your mobile browser's cache before you test it, as browsers tend to cache the manifest file.
This might be old news for some (or most?) Publii enthusiasts, but since I’ve just stumbled upon it and this blog is my own space, I’m going to note it here. It turns out that Publii’s nifty processing magic does a pretty solid job of fixing HTML errors (or at least some of them) behind the scenes. I did a bit of playing around by inserting some <div>, <a>, and <span> tags into the files of the Publii theme I’m using and then “forgetting” to close them with </div>, </a>, and </span>. Guess what? The resulting HTML generated by Publii had all the correct closing tags in all the right places.