使用jquery获取全屏模式到我的浏览器
如何只使用Javascript / JQuery代码进入全屏模式？ 目标是进入全屏模式，就像在浏览器中按F11一样，然后以编程方式进入。
您可以使用没有jQuery的vanilla JavaScript激活全屏模式。
Full Screen Test test
有一点需要注意，您只能在用户执行操作（例如点击）时请求全屏模式。 没有用户操作[1] （例如页面加载），您无法请求全屏模式。
这是一个用于切换全屏模式的跨浏览器function（ 从MDN获得 ）：
function toggleFullScreen() { if (!document.fullscreenElement && // alternative standard method !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods if (document.documentElement.requestFullscreen) { document.documentElement.requestFullscreen(); } else if (document.documentElement.msRequestFullscreen) { document.documentElement.msRequestFullscreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullscreen) { document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } } }
有关更多信息，请查看全屏API上的MDN页面 。
这是一个使浏览器全屏的工作演示
你可以使用免费的jquery插件来实现这个目的，查看这些-jquery全屏 ， Jquery全屏 ， jquery全屏
新的html5技术 –全屏API为我们提供了一种以全屏模式呈现网页内容的简便方法。 我们即将为您提供有关全屏模式的详细信息。 试着想象一下使用这项技术可以获得的所有优势 – 全屏相册，video甚至游戏。
但在我们描述这项新技术之前，我必须指出这项技术是实验性的，并得到所有主要浏览器的支持 。
你可以在这里找到完整的教程： http ： //www.css-jquery-design.com/2013/11/javascript-jquery-fullscreen-browser-window-html5-technology/
这是工作演示： http ： //demo.web3designs.com/javascript-jquery-fullscreen-browser-window-html5-technology.htm
如果您需要一个支持IE11（IE8-10）之前的IE版本的插件，请查看jQuery.fullscreen 。 在IE11之前，IE本身不支持此function。
如果您需要JQuery来轻松选择元素，那么您可以这样做：
var viewer = $("#parentid .classname .childelement")[0]; var rFS = viewer.mozRequestFullScreen || viewer.webkitRequestFullscreen || viewer.requestFullscreen; rFS.call(viewer);
请尝试下面的代码
var el = document.documentElement, rfs = el.requestFullscreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen ; rfs.call(el);