Skip to content

Instantly share code, notes, and snippets.

@gabskoro
Last active April 8, 2024 09:42
Show Gist options
  • Save gabskoro/c3dea97a743fa1dd43f1 to your computer and use it in GitHub Desktop.
Save gabskoro/c3dea97a743fa1dd43f1 to your computer and use it in GitHub Desktop.
Adding meta tag informations for Chrome, iOS and Windows
<!-- http://realfavicongenerator.net -->
<!-- Chrome -->
<!-- https://developer.chrome.com/multidevice/android/installtohomescreen -->
<link rel="manifest" href="/manifest.json">
{
"short_name": "Maps",
"name": "Google Maps",
"icons": [
{
"src": "/images/icons-192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "/images/icons-512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": "/maps/?source=pwa",
"background_color": "#3367D6",
"display": "standalone",
"scope": "/maps/",
"theme_color": "#3367D6"
}
<!-- iOS -->
<!-- https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html -->
<!-- https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#000000">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-ipad-retina.png">
<!-- Windows -->
<!-- https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx -->
<!-- http://www.buildmypinnedsite.com/en -->
<meta name="application-name" content="NAME"/>
<meta name="msapplication-TileColor" content="#000000"/>
<meta name="msapplication-TileImage" content="images/tileimage.jpg">
<meta name="msapplication-square70x70logo" content="images/tinylogo.png">
<meta name="msapplication-square150x150logo" content="images/logo.png">
<meta name="msapplication-wide310x150logo" content="images/widelogo.png">
<meta name="msapplication-square310x310logo" content="images/largelogo.png">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment