See how Progressive Web Apps (PWAs) look and feel on your devices and platforms. Try all the web app manifest display modes: fullscreen, standalone, minimal-ui and browser.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
src
.babelrc
.eslintrc.json
.gitignore
LICENSE
README.md
gulpfile.babel.js
package-lock.json
package.json
workbox-config.js

README.md

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.

Lighthouse Score: 100

PWA Display Mode Status

Preferred display mode vs. actual display mode on various platforms and browsers:

Display mode / Platform fullscreen standalone minimal-ui browser
Android/Chrome ✔️ fullscreen ✔️ standalone ✔️ minimal-ui ✔️ browser
Windows/Chrome ✖️ standalone ✔️ standalone ✖️ standalone ✔️ 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
Standalone PWA Display Test - Android Chrome - Install button Standalone PWA Display Test - Android Chrome - Install prompt Standalone PWA Display Test - Android
A fullscreen PWA covers everything A minimal-ui PWA shows the URL It works offline even in the browser
Fullscreen PWA Display Test - Android Minimal-ui PWA Display Test - Android Browser PWA Display Test - Android

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
Standalone PWA Display Test - Windows Chrome - Install button Standalone PWA Display Test - Windows Chrome - Install prompt
An installed PWA looks like a native Windows app No fullscreen mode in Windows?
Standalone PWA Display Test - Windows Fullscreen PWA Display Test - Windows

Note: The screenshots were taken on Windows 10.0.17134 / Chrome 67.0.3396.62.

Development

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.

Prerequisites: Git, Node.js, Workbox, ESLint. Editor: Visual Studio Code.

Contributions

Contributions are welcome! For feature requests and bug reports please submit an issue.

Acknowledgements

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.

License

PWA Display Test is licensed under the MIT License.