Html 我如何在iPad Safari WebApp全屏模式下隐藏新的url栏，该模式自iPadOS 13之后出现？

iPadOS 13现在在Safari上通过“添加到主屏幕”安装Web应用程序时，即使添加了apple touch全屏元标记，也会显示一个白色/灰色条。该栏包括一个菜单，用于调整字体大小和请求桌面站点，但已影响可用屏幕大小，因此用户现在必须滚动以查看应用程序菜单

---

有没有办法隐藏此栏，例如强制选择桌面/移动站点，以便不需要选择？

我找到了解决方法

即使添加了apple touch fullscreen meta标记，iPadOS也会将url栏添加到web应用程序中，但现在使用渐进式web应用程序（PWA）使用的manifest.json文件来检测全屏模式。它在IOS 13之前就支持这个版本，但直到现在它才是全屏体验所必需的

在我的应用程序中，只有在检测到Google Chrome时才添加manifest.json链接标记

；当检测到iPad上的Safari时，更新它以添加链接会导致灰色条被完全隐藏（请注意，由于可以请求移动/桌面版本，此版本中的iPad检测已更改）

允许全屏显示的manifest.js文件如下所示（显示：“standalone”允许全屏显示）

{
"name": "MyApp",
"short_name": "MyApp",
"description": "MyApp description",
"version": "0.0.0.1",
"manifest_version": 2,
"default_locale": "en-GB",
"author": "Christopher Dean",
"start_url": "Home.aspx",
"display": "standalone",
"orientation": "landscape",
"theme_color": "#015174",
"background_color": "#F7F4F3",
"icons": [
{
  "src": "images/app-icon-chrome.png",
  "sizes": "128x128",
  "type": "image/png"
},
{
  "src": "images/app-icon-tiny.png",
  "sizes": "32x32",
  "type": "image/png"
},
{
  "src": "images/app-icon-192.png",
  "sizes": "192x192",
  "type": "image/png"
},
{
  "src": "images/app-icon-512.png",
  "sizes": "512x512",
  "type": "image/png"
}
],
"app": {
 "urls": [
   "http://MyApp/Home.aspx"
 ],
 "launch": {
   "web_url": "http://MyApp/"
 },
 "background": {
   "scripts": [ "chrome.js" ]
 },
 "permissions": [ 
  "unlimitedStorage",
  "notifications",
  "fullscreen"
 ]
}
}