PWA Display Test
See how Progressive Web Apps (PWAs) look and feel on your devices and platforms. Try it on Android, iOS, Linux, macOS, Windows, and other operating systems. Test if the standalone display mode really opens the PWA to look and feel like a standalone native application. Test if a fullscreen PWA really takes up the entirety of your screen. Try all the web app manifest display modes: fullscreen, standalone, minimal-ui and browser. To install PWA Display Test, navigate to its address and click the Install App button in supported browsers.
PWA Display Mode Status
Preferred display mode vs. actual display mode on various platforms and browsers:
|Display mode / Platform||fullscreen||standalone||minimal-ui||browser|
Last updated: June 7, 2018
PWA Display Test on Android
|Go to the PWA and click Install App||Click Add to Home screen in prompt||A PWA looks like a native app|
|A fullscreen PWA covers everything||A minimal-ui PWA shows the URL||It works offline even in the browser|
Note: The screenshots were taken on Android 6.0.1 / Chrome 67.0.3396.68.
PWA Display Test on Windows
|Navigate to the PWA in Chrome and click Install App||Click Install in the web app install prompt|
|An installed PWA looks like a native Windows app||No fullscreen mode in Windows?|
Note: The screenshots were taken on Windows 10.0.17134 / Chrome 67.0.3396.62.
PWA Display Test is hosted on GitHub Pages, and served from the gh-pages branch.
The project uses Gulp and a template to generate the 4 PWAs (fullscreen, standalone, minimal-ui, and browser) in the
dist directory, where the
gh-pages branch is checked out using git's worktree feature.
Contributions are welcome! For feature requests and bug reports please submit an issue.
PWA Display Test (and all HWALab free apps) have been developed with kind support from East-Tec, the home of east-tec Eraser, the privacy tool that quickly and securely covers your online and PC tracks.
PWA Display Test is licensed under the MIT License.