I noticed you appreciating the IOS fullscreen mode when opened from the homescreen icon and you were wondering about android. Yeah, me as well! Throw this in yer meta tags section and you’re GOLDEN!
meta name=“mobile-web-app-capable” content=“yes”
Of course, throw this in html tags…
LUV THIS>
MUST HAVE!!! @romanmg… I’m assuming you already know about this right?
This currently only works if a user saves the app URL to their phone home screen as a quick link icon either via Safari or Chrome. I have a tutorial in my apps teaching people how to do this on signup. Keep in mind you must have fully functional navigation built in to your app since people will not be able to see the native browser nav.
That is what I’m using. Yes, people need to add the icon to their homescreen before it’ll work. But it’s so nice once it’s installed!
But you can ALSO (drum roll) add a popup to your site inviting users to add an icon to their homepage (it feels just like an app!) Bubble has this installed on their site (have you tried Bubble.is on mobile?) It pops up at some point while you’re on the site.
Great and very usefull, thx very much. Can I ask if you know a way to do this dynamically with bubble?. I am building a site that enables each user to customize their own mobile page(s). Ideally, each page or collection of page should have their own custom background color and “add to homescreen” - e.g. seperate service-worker.js, manifest etc etc. Or?
@ashley.benson.tait, were you able to upload a service-worker and a manifest.json file to your root folder? I tried but had no joy. An image file works fine.
Edit: I was eventually able to upload the manifest.json file, once I put some actual text in it. I still l can’t upload a blank service-worker.js file as per the instructions, though. I suspect it’s because there’s already one uploaded.
I also get the impression that the manifest only works after deploying to live, which I haven’t done yet. So I’ll revisit this again after I deploy.
I had to log out of Bubble and close all instances. Only after doing this was I able to upload the file. You may also want to try emptying the browser’s cache and clearing cookies etc.
As it turned out for me, the service-worker file didn’t actually work without an event listener in it, so even though I eventually managed to upload a blank file, I ultimately had to edit it to add an empty event listener as below.
Glad to hear it. No, I haven’t tried this with iOS. I know that users can add websites to the home screen on iOS but I don’t think you can prompt them to do so. According to this article, as of July 2017, Safari did not support service workers or web app manifests, though it states in an update that work on it had begun.