1

我有一个适用于 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() 未定义。

4

1 回答 1

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');
于 2012-09-22T00:06:38.303 回答