以全屏/信息亭模式启动桌面 PWA

Question

我一直在寻找解决方案，但没有找到任何有效的方法。我正在尝试从 Kiosk 模式下添加 Chrome 的 Windows 桌面计算机启动 PWA，或者至少是全屏模式（根本没有菜单栏）。我认为这会很常见，但我还没有找到任何有效的方法。我已将 display: fullscreen 添加到 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"
}

Answer 1

安装 PWA 后，您应该转到快捷方式属性，并在“命运”字段的末尾添加该代码：

--fullscreen --kiosk

完全关闭chrome并打开pwa快捷方式