gpt4 book ai didi

iOS 13 [添加到主屏幕] 和 [隐藏工具栏]

转载 作者:行者123 更新时间:2023-12-05 08:06:08 26 4
gpt4 key购买 nike

在以前的 iOS(12 及之前)或任何 Android 手机中,我们可以使用 Safari(或 Android 中的任何浏览器)中的 [添加到主屏幕] 并使用以下技术隐藏 PWA 的工具栏:

  1. 在 Index.html 中:
<head>
<meta name="viewport" content="viewport-fit=cover, width=device-width,initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
<link rel="apple-touch-icon" href="/customicon.png"/>
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="BGBG01">
<meta name="apple-mobile-web-app-title" content="BGBG01">
<meta name="msapplication-starturl" content="/">
<link rel="manifest" href="manifest.json">
</head>

  1. 在根目录下创建文件manifest.json,内容如下:
{
"name": "App Full Name",
"short_name": "AppName",
"lang": "zh-CN",
"start_url": "/",
"scope": "/",
"display": "standalone"
}

但是,从iOS 13开始,上述方法不再有效,工具栏仍然存在,我们需要点击地址栏左侧的aA,然后选择[Hide Tool Bar] EVERY TIME,以便隐藏 PWA 的工具栏。

那么我们怎样才能隐藏工具栏呢?

编辑

只是想强调以下js代码并不能正常工作:

<script>
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
/* iOS hides Safari address bar */
window.addEventListener("load",function() {
setTimeout(function() {
window.scrollTo(0, 1);
}, 1000);
});
}
</script>

<body>
<button id="goFS">Go fullscreen</button>

<script>
var goFS = document.getElementById("goFS");
goFS.addEventListener("click", function() {
document.body.requestFullscreen();
}, false);
</script>

</body>

并且此链接提供的解决方案也不起作用:

https://codepen.io/akikoo/pen/xdaic

最佳答案

可以智能高效地处理您的案例this method ?使用这个最小的网络 list ,菜单栏也会消失吗?

{
"name": "My Super App",
"short_name": "My App",
"display": "standalone",
"scope": "/my-app-path/",
"start_url": "/my-app-path/"
}

关于iOS 13 [添加到主屏幕] 和 [隐藏工具栏],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62339156/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com