javascript - 使用全屏 API 触发全屏时，双指缩放在 macOS (Chrome) 上不起作用

Question

在 macOS 上，可以通过触控板使用“捏合缩放”手势来缩放页面。

当页面不是全屏时，此功能在 Chrome 上正常工作。使用 Chrome 窗口右上角的绿色按钮触发全屏时，它也可以正常工作。

但是，当使用 HTML5 全屏 API ( webkitRequestFullscreen-- https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API ) 以编程方式触发全屏时，“捏缩放”手势被禁用。

可以在这里进行测试：当使用右上角的绿色按钮触发全屏时，“捏缩放”有效；使用“请求文件”时，它不起作用。

macOS 上似乎有两种不同的全屏模式，但很难找到有关它的任何信息。

Answer 1

这似乎是故意的行为，至少在移动端是这样。请参阅https://bugs.chromium.org/p/chromium/issues/detail?id=736520上的讨论。

通常，双指缩放适用于旧版网站。如果您想在全屏图库中具有缩放功能，则必须自己编写代码。