javascript - ios15 Safari-双击禁用打开标签栏

Question

每次用户在纵向模式下的新 ios 15 Safari 上双击我的网页时，我如何防止打开标签栏。

Answer 1

防止浮动地址栏在点击或滑动时弹出的一种方法是使用preventDefault()触摸/鼠标事件。canvas在处理占用全屏时，我发现这在 iOS 15 Beta 4 上对我有用：

const preventDefault = (evt) => {
    evt.preventDefault()
}

// Make sure to remove these event listeners later.
canvas.addEventListener('touchmove', preventDefault)
canvas.addEventListener('touchend', preventDefault)
canvas.addEventListener('touchstart', preventDefault)
canvas.addEventListener('mousedown', preventDefault)

如果您没有，canvas您将希望将其附加到不同的全屏 DOM 元素。在我的测试中，我发现了使用documentor的一些问题body，因此您可能需要做一些工作和测试以确定什么是有效的并且可以安全使用（即不会阻止button's 的工作）。