版权声明:JiahaoZhang原创文章,转载请注明出处 https://blog.csdn.net/GrootBaby/article/details/84587691
1. 投机取巧法实现
如下:
打开快捷方式即可成功。
注意,Chrome不能是打开的状态,否则设置不生效。
2. JS 代码实现--用户点击按钮实现全屏
function myFullScreen() { var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } //Chrome等 else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } //IE11 else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } } function closeMyFullScreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } } document.addEventListener("fullscreenchange", function () { fullscreenState.innerHTML = (document.fullscreen) ? "" : "not "; }, false); document.addEventListener("mozfullscreenchange", function () { fullscreenState.innerHTML = (document.mozFullScreen) ? "" : "not "; }, false); document.addEventListener("webkitfullscreenchange", function () { fullscreenState.innerHTML = (document.webkitIsFullScreen) ? "" : "not "; }, false); document.addEventListener("msfullscreenchange", function () { fullscreenState.innerHTML = (document.msFullscreenElement) ? "" : "not "; }, false);
3. 使用插件实现--jquery.fullscreen(该方法只是实现可视区域全屏)
1) 项目地址:https://github.com/MonkeyMo/jQuery-FullScreen
2) 该插件就是一个js文件,下载地址:
3) 使用方法:
第一步:在页面上引入js文件,
第二步:使用下面方式可以调用:
文章来源: HTML 打开页面链接强制chrome 全屏浏览