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

标签 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 上似乎有两种不同的全屏模式,但很难找到关于它的任何信息。

最佳答案

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

通常,双指缩放适用于旧版网站。如果您想在全屏画廊中使用一些缩放功能,则必须自己编写代码。

关于javascript - 使用全屏 API 触发全屏时,双指缩放在 macOS (Chrome) 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50696464/

相关文章:

javascript - 如何随着浏览器宽度/高度的变化动态调整图像网格的大小?

macos - Mac OS X Lion (10.7) 上带有 GUI 的 Smalltalk

objective-c - 带有实时字体(样式文本)的 NSPopupButton

xcode - 不能使用 AVX 内在,因为我的函数编译时不支持 'xsave'

javascript - 类似于 document.ready 的事件可用作 Awesomium.Net 中 Bootstrap 问题的解决方法

javascript - 在 LoginService 中等待加载的用户数据

php - AJAX使用$_POST方法传输大量数据

google-chrome - 在 Google Chrome 中复制西里尔文 URL?

javascript - 以编程方式禁用移动版 Chrome 4 3's "Touch to Search”功能

google-chrome - Chrome 对 Visual Studio 2017 无响应