I've been searching for a solution, but haven't found anything that works. I'm attempting to launch a PWA from a Windows Desktop computer added with Chrome in kiosk mode, or at the very least, fullscreen (no menu bars at all). I would think this would be very common, but I have not found anything that works. I've added display: fullscreen to the manifest.json, but that does not seem to work for Desktop.
I am fine with any kind of Javascript, but I would like to not require any user interaction to press F11 or anything. It is intended to be a standalone TV display.
Actual result after launch:
Desired result after launch:
{
"name": "vuejs-display-new",
"short_name": "vuejs-display-new",
"icons": [
{
"src": "./img/icons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "./img/icons/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "./side/adds",
"display": "fullscreen",
"orientation": "landscape",
"background_color": "#000000",
"theme_color": "#4DBA87"
}
On desktop, Safari and Firefox do not support PWA installation. They do support offline capabilities, but the experience will always start within the browser user interface. It may get fullscreen, but never a standalone window on desktop.
Go to Chrome's admin panel and adjust Kiosk Settings. Kiosk Settings offer a variety of selections: Public Session Kiosk, Auto-Launch Public Session and Auto-Launch Kiosk App. Public Sessions are regular Chrome Kiosk Mode and Auto-Launch Kiosk App auto-launches a Single-App Kiosk Mode.
“Kiosk Mode” is offered by browser applications (Internet Explorer, Chrome, Firefox etc) to run the application full screen without any browser user interface such as toolbars and menus.
After install PWA you should go to shortcut properties and in destiny field add that code at the end:
--fullscreen --kiosk
Close chrome completely and open the pwa shortcut
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With