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

Question

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

Answer 1

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

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元素。在我的测试中，我发现使用document或body存在一些问题，因此您可能需要做一些工作。测试，以确定什么工作，是安全的使用(即不阻止button的工作)。