在 Safari 5.1.2 中传递 Element.ALLOW_KEYBOARD_INPUT 时 webkitRequestFullScreen 失败

Question

当尝试使用 javascript 全屏 api 时，特别是在 Safari 5.1.2 中遇到以下问题。

通过将以下行复制并粘贴到浏览器中加载的页面上，您可以看到效果。

这适用于 Chrome 15 和 Safari 5.1.2：

 javascript:document.querySelector('body').webkitRequestFullScreen();

这适用于 Chrome 15，但在 Safari 5.1.2 中静默失败：

 javascript:document.querySelector('body').webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

根据此处的文档，ALLOW_KEYBOARD_INPUT 似乎应该适用于 Safari：http://developer.apple.com/library/safari/#documentation/ WebKit/Reference/ElementClassRef/Element/Element.html

有什么想法为什么这不起作用吗？

Answer 1

这是已知的 Safari 错误。它可以在全屏切换期间嗅探：

someElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
if (!document.webkitCurrentFullScreenElement) {
    // Element.ALLOW_KEYBOARD_INPUT does not work, document is not in full screen mode
}

使用这种实时嗅探，因此您的代码将支持将来修复 Safari 中的错误。

Answer 2

someElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT) 适用于 Chrome。

并且 someElement.webkitRequestFullScreen() 适用于 safari 5.1.7

所有测试均基于 Windows 7。

Answer 3

我刚刚遇到了同样的问题，这绝对是一个错误。

这可能是不可检测的情况。我猜我们将不得不使用良好的浏览器嗅探。

...(/Safari/.test(navigator.userAgent) ? undefined : Element.ALLOW_KEYBOARD_INPUT)

[编辑] ...在这种情况下无法进行键盘输入。所以我想暂时最好在 Safari 中取消全屏模式 [/edit]

_{请记住，全屏 API 目前还处于非常早期的阶段，不应该在生产中使用}