ManUp.js

KO | EN

gitlite — search

#ai #typescript #llm #android #docker #nodejs #java #windows #awesome #awesome-list #pytorch #mcp #ios #openai

(★ 211)

ManUp.js is a polyfill to support the Manifest for Web Apps

File Explorer

Download Latest Version (.zip)

- apple-touch-icon-114x114-precomposed.png
- apple-touch-icon-120x120-precomposed.png
- apple-touch-icon-152x152-precomposed.png
- apple-touch-icon-57x57-precomposed.png
- apple-touch-icon-60x60-precomposed.png
- apple-touch-icon-72x72-precomposed.png
- apple-touch-icon-76x76-precomposed.png
- large-win.png
- large.png
- logo-150x150.png
- nice-highres.png
- niceicon.png
- splash.png
- square.png
- tiny.png
- wide.png
- widelogo.310x150.png
index.html
LICENSE
manifest.json
manup.js
manup.min.js
README.md
web.config

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ManUp.js

version 0.7

## What is it?

ManUp.js is a polyfill to support the [Manifest for Web Apps](http://w3c.github.io/manifest/). The Manifest for Web Apps allows you to build one simple JSON object that contains all the meta data (app name, icons, presentation, etc.) instead of having to build out a myriad of meta tags and link tags to support each platform.

### Sample Manifest for Web Apps

```javascript
    
   {
  "name": "ManUp! JS, the Manifest Polyfill",
  "short_name": "ManUP! JS",
  "icons": [
      {
      "src": "images/tiny.png",
      "sizes": "70x70",
      "type": "image/png"
    },
    {
      "src": "images/square.png",
      "sizes": "150x150",
      "type": "image/png"
    },
    {
      "src": "images/widelogo.310x150.png",
      "sizes": "310x150",
      "type": "image/png"
    },
    {
      "src": "images/large-win.png",
      "sizes": "310x310",
      "type": "image/png"
    },
    {
      "src": "images/apple-touch-icon-72x72-precomposed.png",
      "sizes": "72x72",
      "type": "image/png",
      "density": 1.5
    },
    {
      "src": "images/apple-touch-icon-57x57-precomposed.png",
      "sizes": "57x57",
      "type": "image/png",
      "density": 2.0
    },
    {
      "src": "images/apple-touch-icon-76x76-precomposed.png",
      "sizes": "76x76",
      "type": "image/png",
      "density": 1.5
    },
    {
      "src": "images/apple-touch-icon-60x60-precomposed.png",
      "sizes": "60x60",
      "type": "image/png",
      "density": 2.0
    },
    {
      "src": "images/apple-touch-icon-120x120-precomposed.png",
      "sizes": "120x120",
      "type": "image/png",
      "density": 1.5
    },
    {
      "src": "images/apple-touch-icon-152x152-precomposed.png",
      "sizes": "152x152",
      "type": "image/png",
      "density": 2.0
    },
    {
      "src": "images/apple-touch-icon-114x114-precomposed.png",
      "sizes": "114x114",
      "type": "image/png",
      "density": 3.0
    },
    {
      "src": "images/nice-highres.png",
      "sizes": "192x192",
      "type": "image/png",
      "density": 4.0
    },
    {
      "src": "images/niceicon.png",
      "sizes": "128x128",
      "type": "image/png",
      "density": 4.0
    }
  ],
  "start_url": "index.html",
  "display": "standalone",
  "orientation": "landscape"
}

```

## What does it do?

ManUp.js lets you write to the simple [Manifest for Web Apps](http://w3c.github.io/manifest/) spec, and then builds the necessary tags to add as many app-like features that are supported by your browser.

## How do I use it?

*Step 1*: Add the manifest file to your site with a link tag like so (.json file extension also works):

```html

```

*Step 2*: Add the `manup.min.js` file to your page (we recommend the bottom of the page, but just make it somewhere below the manifest file) like so:

```html

```

*Step 3*: Make sure your web server is configured to properly serve the manifest file with the proper mimetype of "application/manifest+json". In IIS you just add a `web.config` file to the root of your server and add this:

```xml

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <staticContent>
      <remove fileExtension=".json"/>
      <mimeMap fileExtension=".json" mimeType="application/manifest+json"/>
    </staticContent>
  </system.webServer>
  <system.web>
    <compilation debug="true"/>
  </system.web>
</configuration>

```

## Demo Page

View a demo at http://manupjs.azurewebsites.net/

## Known Support

#### Browsers that support W3C Manifest for Web Apps

- Chrome for Android 38+

### Browsers that benefit from the polyfill

- Chrome for Android 
  - Android Browser
  - Safari for iOS
  - Windows Phone 8
  - Windows 8
  - FireFox OS 1.1+

ManUp.js

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

ManUp.js

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README