小编CGR*_*kes的帖子

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

我一直在寻找解决方案,但没有找到任何有效的方法。我正在尝试从 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"
}
Run Code Online (Sandbox Code Playgroud)

windows desktop vue.js progressive-web-apps

8
推荐指数
1
解决办法
5433
查看次数

标签 统计

desktop ×1

progressive-web-apps ×1

vue.js ×1

windows ×1