web-dev-qa-db-ja.com

フルスクリーン/キオスクモードでデスクトップPWAを起動します

私は解決策を検索してきましたが、うまくいくものを見つけていません。キオスクモードでChromeが追加されたWindowsデスクトップコンピュータからPWAを起動しようとしています。私はこれが非常に一般的になると思うでしょうが、私はうまくいくものを見つけていません。 Manifest.jsonにフルスクリーンを追加しましたが、デスクトップのために機能しないようです。

私はあらゆる種類のJavaScriptでうまくいっていますが、私はF11や何かを押すためにユーザーの対話を必要としません。スタンドアロンのテレビディスプレイになることを意図しています。

起動後の実際の結果: 

起動後の望ましい結果: 

_{
  "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"
}
_
windowsvue.jsprogressive-web-appsdesktop
6
CGRemakes

私はこれにも解決策を探しています。 Windows 10 Proにアップグレードし、Windows Kioskモードを使用しようとしていますが、アプリはあなたのキオスクになるように設定できるアプリのメニューに表示されていないようです。

私がOPが後になると思われることを明確にすることは、単にフルスクリーンであることが、左下のスワイプのような（タッチスクリーンでさえ）窓を最小にするための多くの方法があるので、単にフルスクリーンでは公衆のキオスクのために機能しないことです。コーナーはWindowsのアイコンを明らかにします。

私は見始めましたので、私がwin 10 Proキオスクメニューに表示するためにアプリを表示する方法を見つけたらここに報告します！

0
Jeff Yamada

ブラウザのアドレスバーや他のUI要素が表示されないため、display:"fullscreen"プロパティが正しく機能しているようです。

ただし、CSSプロパティによってはビューポートの外部のコンテンツが設定される可能性があります。ページコンテンツを干渉してレイアウトプロパティが干渉しないことを再確認します。

0
Francesco