Strap - Web App Manifest

About

A Web App Manifest is a file that permits a user to install your application (website) in:

  • a mobile
  • or computer's home screen

without an app store.

How to see the manifest

Via the Manifest Url

You can see it by going to the following URL:

for this website:

Via the browser

You can see your manifest in the Application tab of the devtool

App Manifest Firefox

Schema

The JSON file contains several information

{
    "display": "standalone",
    "scope": "/",
    "name": "ComboStrap",
    "short_name": "ComboStrap",
    "description": "The most performant way to Web publication",
    "start_url": "/",
    "background_color": "#fff",
    "theme_color": "#dee7ec",
    "icons": [{
            "src": "http://localhost:81/_media/logo.svg",
            "sizes": "any",
            "type": "image/svg+xml"
        }, {
            "src": "http://localhost:81/_media/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        }
    ]
}

Configuration

  • manifest is a dokuwiki action and should not be disabled.
  • icons should be put at the root media library. logo.svg and android-chrome-192×192.png are taken into account. See How to configure the Favicons




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Related HowTo's
Material Design Choose Icon
How to configure the Favicons

This page is an HowTo that shows you how to choose and install a favicon and your logo image with ComboStrap. You can design your own logo but you can also be inspired by collection of logo In...


Recommended Pages
Undraw My Documents
Application - Name

The name of your application (website) can be set via the config:titledokuwiki title configuration. The application name: may be added the page title. is set: in the app manifest and in the...
Primary Secondary Color
Branding Colors (primary, secondary)

The branding colors are the most dominant colors of your theme. They bring a connection to your brand.
Undraw My Documents
ComboStrap - App (Website)

A ComboStrap website is a whole application (app). Name - The application name Tag line - The headline of your application Manifest (app properties) - With a manifest, a user can install your...
Undraw My Documents
ComboStrap App - Tagline

A tagline is a short and appealing marketing description for your website. It's used: in the description field of the manifest in the root home page title. in the home page website metadata as...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion



Task Runner