在全屏模式下禁用捏/縮放 IOS Safari

Question

我有一個 webgl 游戲在 iPad Safari 上運行良好 我可以使用通常的解決方案禁用系統捏合/縮放操作（例如： 禁用視口縮放 iOS 10+ safari？ ）但是在游戲切換到全屏document.body.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)

我有touch-action: none; , user-scalable=no in meta, passive: false and e.preventDefault(); 對於所有觸摸事件（touchstart、touchend、touchmove、touchcancel）

編輯：這是我嘗試過的大部分內容的代碼筆： https://codepen.io/SerialF/pen/BaaRKJN

Answer 1

你在這方面有什么進展嗎？ 我在 angular 應用程序上構建的 three.js 遇到了類似的問題。 無法弄清楚如何在雙指縮放時禁用 safari 中 ipad 上的退出全屏。 我發現 Chrome 在 ipad 上不支持全屏，我嘗試禁用觸摸事件，在 touchstart 偵聽器上使用 e.preventDefault()。 我找不到調用 exitFullScreen 的位置，似乎它只是內置到操作系統中並且完全獨立於 DOM。

更新：不是 100% 的解決方案，但感謝 Florent 提醒我注意這個解決方法。

“他們確實建議在主屏幕上添加一個快捷方式，就像所有必需的 PWA 元標記一樣（請參閱此處），這是讓全屏正常工作的唯一方法”