时间戳

首页 > 解决方案 > PWA 在重定向到其他 URL 时显示 Safari 控件

html - PWA 在重定向到其他 URL 时显示 Safari 控件

问题描述

我正在尝试为 iOS 创建 PWA。这工作正常。我的应用程序的主页如下所示：

PWA1

如您所见，该应用程序很好地填满了我的整个屏幕。这个页面有 URL https://example.com/scanner。当用户第一次访问这个应用程序时，他会被重定向到https://example.com/scanner/login. 但出于某种原因，PWA 显示了一些奇怪的 Safari 控件。

PWA

如何摆脱这些奇怪的控件？

相关代码/scanner/

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="manifest" href="manifest.json">

相关代码/scanner/login

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="manifest" href="manifest.json">

清单.json

{
  "display": "standalone",
  "scope": "/scanner/"
}

标签： htmliosprogressive-web-apps

解决方案

解决了。它与清单无关。我只是错误地链接到它。https://example.com/scanner是由服务器端 Web 应用程序中的 URL 路由器确定的 URL。文件和其他资产需要静态链接。

定义范围manifest.json解决了我的问题中描述的问题。

{
  "display": "standalone",
  "scope": "/scanner/"
  ...
}

推荐阅读