Question

我一直在寻找解决方案，但没有找到任何可行的方法。我正在尝试从以信息亭模式或至少全屏模式（至少没有菜单栏）添加了Chrome的Windows台式机启动PWA。我认为这将是很常见的，但是我还没有发现任何可行的方法。我在manifest.json中添加了display：全屏显示，但这似乎不适用于Desktop。

我对任何类型的Java脚本都很好，但是我希望不需要任何用户交互就可以按F11或其他任何键。它打算用作独立的电视显示器。

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

Answer 1

display:"fullscreen"属性似乎正常运行，因为您没有看到任何浏览器地址栏或其他ui元素。

但是，似乎某些CSS属性可能会将内容设置在视口之外。我会再次检查是否没有布局属性干扰页面内容。

Answer 2

我也在寻找解决方案。我已升级到Windows 10 Pro，并尝试使用Windows信息亭模式，但是该应用程序菜单中似乎没有出现该应用程序，您可以将其设置为您的信息亭。

需要澄清的一件事是，我认为OP也应运而生的是，仅将其全屏显示对公众信息亭是行不通的，因为有许多方法可以无意地触发窗口最小化（即使在触摸屏上），例如在屏幕上滑动左下角显示Windows图标。

我只是开始寻找，所以如果/当我发现如何让我的应用程序显示在Win 10 Pro信息亭菜单上时，我将在这里报告！

Answer 3

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

--fullscreen --kiosk

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

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

3 个答案: