Name: pwacompat
Owner: GoogleChromeLabs
Description: PWACompat to bring Web App Manifest to older browsers
Created: 2016-07-08 07:31:22.0
Updated: 2018-05-24 23:29:32.0
Pushed: 2018-05-24 23:29:30.0
Size: 101
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
PWACompat is a library that brings the Web App Manifest to non-compliant browsers.
If you've created a manifest.webmanifest
but want to have wide support everywhere else, look no further ?
Just include this script (or bundle/serve it yourself) in your page-
k rel="manifest" href="manifest.webmanifest" />
ipt async src="https://cdn.rawgit.com/GoogleChrome/pwacompat/v2.0.2/pwacompat.min.js"
integrity="sha384-Hed93irwedHCADsxBJAVmlSMiqpE9BIQPp1XK7tqJh5olTEJTCJnlE7wRU3IDOz9"
crossorigin="anonymous"></script>
For more on the Web App Manifest, read ? how to add a Web App Manifest and mobile-proof your site or watch ? theming as part of The Standard.
PWACompat takes your regular manifest and enhances other browsers
What does PWACompat actually do? If you provide a Web App Manifest, PWACompat will update your page and-
For Safari, PWACompat also-
apple-mobile-web-app-capable
(opening without a browser chrome) for display modes standalone
, fullscreen
or minimal-ui
apple-touch-icon
images, adding the manifest background to transparent icons: otherwise, iOS renders transparency as blackFor a demo, try adding Emojityper or the demo site to your iOS home screen.
This is supported in most modern browsers (UC Browser, Safari, Firefox, Chrome, IE9+), fails silenty when unsupported, and provides the most value for your users on Mobile Safari.
Note that v1 of PWACompat used to also provide a build-time dependency: that support has been removed in v2+.
Your Web App Manifest is:
manifest.webmanifest
(although some folks name it manifest.json
)<link rel="manifest" href="path/to/manifest.webmanifest" />
ame": "Always Be Progressive",
hort_name": "Progressive!",
isplay": "browser",
tart_url": "/",
ackground_color": "#102a48",
cons": [
"src": "res/icon-128.png",
"sizes": "128x128"
For more information on the Web App Manifest, and how e.g., modern browsers will prompt engaged users to install your site to their home screen, check out Web Fundamentals. There's also a number of online generators.
Compile code with Closure Compiler.
=ClosureCompiler==
compilation_level ADVANCED_OPTIMIZATIONS
output_file_name pwacompat.min.js
=/ClosureCompiler==
ode here