Lancer la PWA de bureau en mode plein écran/kiosque

Question

J'ai cherché une solution, mais je n'ai rien trouvé qui fonctionne. J'essaie de lancer une PWA à partir d'un ordinateur de bureau Windows auquel j'ai ajouté Chrome en mode kiosque ou, à tout le moins, en plein écran (sans barre de menu). Je pense que c'est très courant, mais je n'ai rien trouvé qui fonctionne. J'ai ajouté display : fullscreen au manifest.json, mais cela ne semble pas fonctionner pour le bureau.

Je suis d'accord avec n'importe quel type de Javascript, mais j'aimerais que l'utilisateur n'ait pas à appuyer sur la touche F11 ou autre. Il est destiné à être un écran de télévision autonome.

Résultat réel après le lancement :

Résultat souhaité après le lancement :

{
  "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"
}

Answer 1

Après avoir installé la PWA, vous devez aller dans les propriétés du raccourci et ajouter ce code à la fin du champ destin :

--fullscreen --kiosk

Fermez complètement chrome et ouvrez le raccourci pwa

Answer 2

El display:"fullscreen" semble fonctionner correctement car vous ne voyez pas de barre d'adresse de navigateur ou d'autres éléments d'interface.

Cependant, il semble que certaines propriétés CSS puissent placer le contenu en dehors de la fenêtre d'affichage. Je vérifierais qu'aucune propriété de mise en page n'interfère avec le contenu de la page.

Answer 3

Je cherche également une solution à ce problème. J'ai mis à niveau vers Windows 10 Pro et j'essaie d'utiliser le mode kiosque de Windows, mais l'application ne semble pas apparaître dans le menu des applications que vous pouvez définir pour être votre kiosque.

Une chose à clarifier, que je pense que le PO recherchait également, c'est que le simple fait d'être en plein écran ne fonctionne pas pour les kiosques publics, car il existe de nombreuses façons de déclencher involontairement la réduction de la fenêtre (même sur un écran tactile), comme faire glisser le coin inférieur gauche révèle l'icône Windows.

Je viens juste de commencer à chercher, donc je ferai un rapport ici si/quand je trouve comment faire apparaître mon application dans le menu du kiosque Win 10 Pro !