A JS plugin for iPhone Safari to show overlay to add application to home screen for progressive web application.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.gitignore
.npmignore
README.md
bower.json
index.html
npm-debug.log
package.json

README.md

What is it?

A JavaScript plugin which shows a message to install the web application on iPhone devices(on Safari browser). This will be useful if you are building a progressive web application. If you don't know what progressive web applications are, head over to Progressive web apps blog by Google


Blog/Documentation about how to use the plugin


Why is it required

Though service workers are not yet supported on Safari, we can still achieve a lot using HTML5 application cache and localStorage. And Safari does support launching your application in a full screen mode using just a meta-tag. (Refer Safari meta-tags to know more).

This is a feature chrome has recently released where it checks that if your web app is using service workers and shows a banner to install the application to the home screen. Official blog by Google

I believe that this is a really cool feature to have and I thought of bringing the same feature to the iOS devices.


Screenshots and Demo

Working demo of the plugin: http://rahulgaba.com/iPhone-install-overlay Full GIF