网页全屏显示
最近有个帖子关于如何自动实现网页加载后直接实现全屏显示,看看了,着了给出整理:
首先得说的就是页面加载后直接全屏显示是不太现实,为肾呢。。。
肯定是有原因的,那就是保证安全性;你想啊,你一打开个网页结果他是全屏显示的,如果这个网页
是个极其危险的网站,那你就瞎了,因为他可以很轻易的就让你的浏览器over
言归正传,那么如何实现全屏呢:很简单只能使用时间监听,用户控制性的全屏了,虽然这听起来并没什么卵用,O(∩_∩)O~深以为然
document.getElementById('full').addEventListener('click', function() { var docElm = document.documentElement; if (docElm.requestFullscreen) { docElm.requestFullscreen(); } else if (docElm.msRequestFullscreen) { docElm.msRequestFullscreen(); } else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } }, false);
实现的方式就是使用id=full的元素监听click;事件触发,则全屏。
可能有人会说,这尼玛不是坑人吗,哥我用F11不就O了吗,还用这个神马鸟。
好吧,还有另一种,不过这个方式。。。。
首先:你现在处于页面a.html中;
然后:你现在想打开页面b.html,并想让他全屏,怎嘛办(⊙o⊙)?
在a.html中使用window.open('页面b.html的url',screen.availWidth,screen.availHeight);
为了兼容性,在b.html中还是要再加上一段js:window.resizeTo(screen.availWidth,screen.availHeight);window.moveTo(0,0);
好了,就到这吧。。。