使用Fullscreen API触发全屏时,捏缩放对macOS(Chrome)无效

时间:2018-06-05 09:17:56

标签: javascript macos google-chrome html5-fullscreen

在macOS上,可以使用手势"捏缩放"使用触控板放大页面。

当页面未全屏显示时,此功能在Chrome上正常运行。使用Chrome窗口的右上方绿色按钮触发全屏时,它也能正常工作。

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

可以对此进行测试here:使用右上方的绿色按钮触发全屏时,"捏缩放"作品;当使用"请求文档"时,它不会工作。

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

1 个答案:

答案 0 :(得分:1)

这似乎是故意的行为,至少在Mobile上是如此。请参见https://bugs.chromium.org/p/chromium/issues/detail?id=736520上的讨论。

通常,捏缩放是针对旧版网站的。如果要在全屏画廊中具有某些缩放功能,则必须自己编写代码。