Safari 上的全屏 PWA iOS13 iPad 具有带有 reader 和 "Done" 按钮的 URL 栏,无法隐藏
Fullscreen PWA on Safari iOS13 iPad has URL bar with reader and "Done" button, unable to hide
我有一个网络应用程序,我已将其作为 PWA 添加到 iPad 的主屏幕。在 iOS13 更新之前一切都很好,现在在顶部有一个小的 URL 工具栏,左侧有 "Done"(refreshes/reloads 页面初始 URL) 和右侧的 Reader/Settings "Aa" 按钮。
URL栏仅在用户登录时出现,其中他们的会话数据被加密并添加在URL的末尾,因此它来自“https://mysite/Home/" to "https://mysite/Home/encryptedsessionurl". As far as I know, having the scope in my manifest (below) be "https://mysite/Home/ " 应该提醒 Safari 这是同一个网站,但事实并非如此。
我已经阅读了多个 post 试图弄清楚这一点——我已经检查了我的元标记,并创建了一个如下所示的 manifest.json 文件:
{
"name": "My App Name",
"short_name": "My App",
"lang": "en-US",
"display": "standalone",
"orientation": "landscape",
"start_url": "https://mysite/Home/",
"scope": "https://mysite/Home/",
"permissions": [
"unlimitedStorage",
"fullscreen"
]
}
我的元标签看起来像这样,以前运行良好:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-status-bar-style" content="black" />
我已经尝试删除元标记并只使用清单,正如另一个 post 所建议的,甚至尝试将清单中的显示:"standalone" 更改为 "fullscreen"这也没有用。
我只是不确定这里出了什么问题,如果有任何其他建议,我们将不胜感激。
这可能是一个愚蠢的错误,但希望它也能帮助其他人——我没有意识到每次更新清单时我都必须为网站创建一个新的 PWA。
当我创建一个新的 PWA(通过 "Add to Homescreen" 快捷方式)时,它开始完美运行。
我有一个网络应用程序,我已将其作为 PWA 添加到 iPad 的主屏幕。在 iOS13 更新之前一切都很好,现在在顶部有一个小的 URL 工具栏,左侧有 "Done"(refreshes/reloads 页面初始 URL) 和右侧的 Reader/Settings "Aa" 按钮。
URL栏仅在用户登录时出现,其中他们的会话数据被加密并添加在URL的末尾,因此它来自“https://mysite/Home/" to "https://mysite/Home/encryptedsessionurl". As far as I know, having the scope in my manifest (below) be "https://mysite/Home/ " 应该提醒 Safari 这是同一个网站,但事实并非如此。
我已经阅读了多个 post 试图弄清楚这一点——我已经检查了我的元标记,并创建了一个如下所示的 manifest.json 文件:
{
"name": "My App Name",
"short_name": "My App",
"lang": "en-US",
"display": "standalone",
"orientation": "landscape",
"start_url": "https://mysite/Home/",
"scope": "https://mysite/Home/",
"permissions": [
"unlimitedStorage",
"fullscreen"
]
}
我的元标签看起来像这样,以前运行良好:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-status-bar-style" content="black" />
我已经尝试删除元标记并只使用清单,正如另一个 post 所建议的,甚至尝试将清单中的显示:"standalone" 更改为 "fullscreen"这也没有用。
我只是不确定这里出了什么问题,如果有任何其他建议,我们将不胜感激。
这可能是一个愚蠢的错误,但希望它也能帮助其他人——我没有意识到每次更新清单时我都必须为网站创建一个新的 PWA。
当我创建一个新的 PWA(通过 "Add to Homescreen" 快捷方式)时,它开始完美运行。