javascript - IE Chrome 框架全屏

Question

我有一个适用于 Safari、Firefox 和 Google Chrome 的全屏工作实现。从我读到的内容来看，它应该适用于 ie 和 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 窗口实际上表现得像个难相处的 child ;-)

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

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