IE Chrome框架全屏

Question

我有一个适用于 Safari、Firefox 和 Google Chrome 的全屏工作实现。从我读过的内容来看，它应该适用于谷歌浏览器框架，但是当我点击全屏按钮时，我什么也没发生。有任何想法吗？还不支持吗？

$('#enable_fullscreen').click ->
  calculate_presentation_font_size(height)
  if docElm.requestFullscreen
    docElm.requestFullscreen()
  else if docElm.mozRequestFullScreen
    docElm.mozRequestFullScreen()
  else if docElm.webkitRequestFullScreen
    docElm.webkitRequestFullScreen()

在“webkitRequestFullScreen”if 语句中添加警报表明它在 chrome 框架中确实达到了这种情况，但 docElem.webkitrequestFullScreen() 未定义。

Answer 1

我已经构建了它并通过这个例子让它工作。 https://developer.mozilla.org/en-US/docs/DOM/Using_full-screen_mode

我可以看到您的 webkit 条件代码中缺少的唯一内容是 webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT) 的参数“Element.ALLOW_KEYBOARD_INPUT”

不幸的是，chrome 框架的主要问题是与 IE 窗口的通信，这实际上表现得像个难缠的孩子 ;-)

对于 IE，您可以通过直接调用 document.location.href 来打开一个全屏模式的弹出窗口作为源，它将打开您所在的当前页面

window.open(document.location.href, 'myAppfullscreen', 'fullscreen=1');