micro-app
(<5kb) [📱iOS] Create Progressive Web App Dynamically.
Try it now
- Open https://micro-app.github.io/ in Safari.
Getting started
$ npm install micro-app
Demo
$ npm cd node_modules/micro-app/
$ npm install
$ npm run demo
How to use
"micro-app"
.
1. Declare feature on the script tag which has an attribute
"micro-app"
then set feature by "setAttribute"
.
2. Select the script tag which has an attribute
"microApp"
.
3. Assign feature on the global namespace
Features
- If you assign a
null
, that means remove the feature.
capable
microApp.capable = true
;
status-bar-style
microApp.statusBarStyle = 'black-translucent'
;- Both
microApp["status-bar-style"]
andmicroApp.statusBarStyle
are same.
title
microApp.title = 'title'
;
icon
microApp.icon = 'icon.jpg'
;- Support multiple.
splash
microApp.icon = 'splash.jpg'
;- Support multiple.
Multiple
Use Array
and Object
to set multiple icon
and splash
.
@see /demo/jquery/entry/index.js
Methods
filter( name: String, handler: Funtion )
- Define a filter, filter the url about icon and splash.
Argument | Description |
---|---|
String | filter name |
Function | filter handler |
Return values |
---|
microApp |
Filters
#precomposed
- Set the attribute
rel="apple-touch-icon-precomposed"
.
#autosize
- Set
sizes
ormedia
after computed.
License
MIT