Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Launch Desktop PWA in fullscreen/kiosk mode

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"
}
like image 835
CGRemakes Avatar asked Oct 03 '19 19:10

CGRemakes


People also ask

Can PWA run on desktop?

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.

How do I open a website in kiosk mode?

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.

What is browser 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.


1 Answers

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

like image 155
LcAgL Avatar answered Oct 09 '22 18:10

LcAgL