Progressive Web App: Difference between revisions

From Chorke Wiki
Jump to navigation Jump to search
No edit summary
Line 1: Line 1:
==Header==
<source lang="html">
<!-- ms application -->
<meta name="theme-color"            content="#ffffff">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="./static/icons/pwa/ms/ms_icon_144x144.png">
<meta name="msapplication-config"    content="./static/config/browserconfig.xml">
<!-- web application -->
<link rel="icon" type="image/png" sizes="16x16"  href="./static/icons/pwa/favicon/favicon_16@1x.png">
<link rel="icon" type="image/png" sizes="32x32"  href="./static/icons/pwa/favicon/favicon_16@2x.png">
<link rel="icon" type="image/png" sizes="96x96"  href="./static/icons/pwa/favicon/favicon_16@6x.png">
<link rel="icon" type="image/png" sizes="192x192" href="./static/icons/pwa/favicon/favicon_16@12x.png">
<!-- apple application -->
<link rel="apple-touch-icon"      sizes="57x57"  href="./static/icons/pwa/apple/apple_icon_57@1x.png">
<link rel="apple-touch-icon"      sizes="60x60"  href="./static/icons/pwa/apple/apple_icon_60@1x.png">
<link rel="apple-touch-icon"      sizes="72x72"  href="./static/icons/pwa/apple/apple_icon_72@1x.png">
<link rel="apple-touch-icon"      sizes="76x76"  href="./static/icons/pwa/apple/apple_icon_76@1x.png">
<link rel="apple-touch-icon"      sizes="114x114" href="./static/icons/pwa/apple/apple_icon_57@2x.png">
<link rel="apple-touch-icon"      sizes="120x120" href="./static/icons/pwa/apple/apple_icon_60@2x.png">
<link rel="apple-touch-icon"      sizes="144x144" href="./static/icons/pwa/apple/apple_icon_72@2x.png">
<link rel="apple-touch-icon"      sizes="152x152" href="./static/icons/pwa/apple/apple_icon_76@2x.png">
<link rel="apple-touch-icon"      sizes="167x167" href="./static/icons/pwa/apple/apple_icon_83.5@2x.png">
<link rel="apple-touch-icon"      sizes="180x180" href="./static/icons/pwa/apple/apple_icon_60@3x.png">
<!-- android application -->
<link rel="manifest" href="./static/config/manifest.json">
</source>
==References==
==References==
* [https://www.sencha.com/blog/creating-progressive-web-applications-using-sencha-ext-js Creating Progressive Web Apps using Ext JS 6]
* [https://www.sencha.com/blog/creating-progressive-web-applications-using-sencha-ext-js Creating Progressive Web Apps using Ext JS 6]

Revision as of 23:10, 5 February 2020

Header

<!-- ms application -->
<meta name="theme-color"             content="#ffffff">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="./static/icons/pwa/ms/ms_icon_144x144.png">
<meta name="msapplication-config"    content="./static/config/browserconfig.xml">
<!-- web application -->
<link rel="icon" type="image/png" sizes="16x16"   href="./static/icons/pwa/favicon/favicon_16@1x.png">
<link rel="icon" type="image/png" sizes="32x32"   href="./static/icons/pwa/favicon/favicon_16@2x.png">
<link rel="icon" type="image/png" sizes="96x96"   href="./static/icons/pwa/favicon/favicon_16@6x.png">
<link rel="icon" type="image/png" sizes="192x192" href="./static/icons/pwa/favicon/favicon_16@12x.png">
<!-- apple application -->
<link rel="apple-touch-icon"      sizes="57x57"   href="./static/icons/pwa/apple/apple_icon_57@1x.png">
<link rel="apple-touch-icon"      sizes="60x60"   href="./static/icons/pwa/apple/apple_icon_60@1x.png">
<link rel="apple-touch-icon"      sizes="72x72"   href="./static/icons/pwa/apple/apple_icon_72@1x.png">
<link rel="apple-touch-icon"      sizes="76x76"   href="./static/icons/pwa/apple/apple_icon_76@1x.png">
<link rel="apple-touch-icon"      sizes="114x114" href="./static/icons/pwa/apple/apple_icon_57@2x.png">
<link rel="apple-touch-icon"      sizes="120x120" href="./static/icons/pwa/apple/apple_icon_60@2x.png">
<link rel="apple-touch-icon"      sizes="144x144" href="./static/icons/pwa/apple/apple_icon_72@2x.png">
<link rel="apple-touch-icon"      sizes="152x152" href="./static/icons/pwa/apple/apple_icon_76@2x.png">
<link rel="apple-touch-icon"      sizes="167x167" href="./static/icons/pwa/apple/apple_icon_83.5@2x.png">
<link rel="apple-touch-icon"      sizes="180x180" href="./static/icons/pwa/apple/apple_icon_60@3x.png">
<!-- android application -->
<link rel="manifest" href="./static/config/manifest.json">

References