全屏点击 - Ext JS

Question

如何通过点击按钮让我的浏览器切换到全屏模式，我正在寻找任何类型的解决方案，我的意思是基于Ext JS，Javascript，HTML5或其他技巧（如果你有的话）

Answer 1

没有广泛支持，但有https://developer.mozilla.org/en/DOM/Using_full-screen_mode

Answer 2

我找到了这个解决方案

var docElm = document.documentElement;
if (docElm.requestFullscreen) {
   docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
   docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
   docElm.webkitRequestFullScreen();
}

并取消全屏：

if (document.exitFullscreen) {
   document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
   document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
}

这项工作对我来说使用带有chrome的ExtJS 4.0.7

完整解释here。