(<5kb) [📱iOS] Create Progressive Web App Dynamically.

• Open https://micro-app.github.io/ in Safari.

$ npm install --save-dev micro-app

$ npm cd node_modules/micro-app/
$ npm install
$ npm run demo

<script micro-app src="micro-app.min.js" capable></script>

<script micro-app src="micro-app.min.js"></script>
<script>
    document.querySelector('script[micro-app]').setAttribute('capable', true);
</script>

<script src="micro-app.min.js"></script>
<script>
    microApp.capable = true;
</script>

• If you assign a null, that means remove the feature.

• microApp.capable = true;

<meta name="apple-mobile-web-app-capable" content="yes">

• microApp.statusBarStyle = 'black-translucent';
• Both microApp["status-bar-style"] and microApp.statusBarStyle are same.

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

• microApp.title = 'title';

<meta name="apple-mobile-web-app-title" content="title">

• microApp.icon = 'icon.jpg';
• Support multiple.

<link rel="apple-touch-icon" href="icon.jpg">

• microApp.icon = 'splash.jpg';
• Support multiple.

<link rel="apple-touch-startup-image" href="splash.jpg">

Use Array and Object to set multiple icon and splash. @see /demo/jquery/entry/index.js

microApp.filter( filterName : String, filterHandler : Function ) => microApp : microApp

• Define a filter, filter the url about icon and splash.

• Set the attribute rel="apple-touch-icon-precomposed".

• Set sizes or media after computed.

MIT