点击全屏 - Ext JS

Question

如何通过点击按钮让浏览器进入全屏模式？我正在寻找任何类型的解决方案，包括基于Ext JS、Javascript、HTML5或其他技巧。

- Adil

---

可能是重复的问题：如何在Javascript中制作全屏窗口（覆盖整个屏幕）。 - sha

Answer 1

虽然不被广泛支持，但有一个全屏模式的使用指南

。

- tonio

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();
}

使用ExtJS 4.0.7和chrome，这对我有效。

完整解释在此处。

- Adil