网页全屏显示
2015-10-23 20:42
197 查看
最近有个帖子关于如何自动实现网页加载后直接实现全屏显示,看看了,着了给出整理:
首先得说的就是页面加载后直接全屏显示是不太现实,为肾呢。。。
肯定是有原因的,那就是保证安全性;你想啊,你一打开个网页结果他是全屏显示的,如果这个网页
是个极其危险的网站,那你就瞎了,因为他可以很轻易的就让你的浏览器over
言归正传,那么如何实现全屏呢:很简单只能使用时间监听,用户控制性的全屏了,虽然这听起来并没什么卵用,O(∩_∩)O~深以为然
实现的方式就是使用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);
好了,就到这吧。。。
首先得说的就是页面加载后直接全屏显示是不太现实,为肾呢。。。
肯定是有原因的,那就是保证安全性;你想啊,你一打开个网页结果他是全屏显示的,如果这个网页
是个极其危险的网站,那你就瞎了,因为他可以很轻易的就让你的浏览器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);
好了,就到这吧。。。
相关文章推荐
- 雪在第一天的冒险 - 2014 在冬天的第一场雪立场坚定?
- [sicily]1324. Score
- 【读书笔记】程序员的自我修养总结(三)
- 电池的寿命
- 选择,冒泡,快速排序
- 40.Sqrt(x) (二分查找)
- Jrebel实现Jetty 热部署
- javascript基础之七(函数闭包中this的变化)
- python opencv入门(读 / 写 显示以及转换图像 和 视频读入)
- mongoDB数据库的查询操作
- 用JS写的简单的猜数的游戏,一个是步数限制的,一个是有时间限制的。
- 深入沟通的重要性——《大道至简》第四章读后感
- 关于需要重新/额外打印的内容
- 《软件需求工程》 读书笔记之二
- C语言基础之Printf用法
- POJ 2386 Lake Counting DFS
- poj 1141 Brackets Sequence(区间DP记录路径)
- thinkphp——通过在线编辑器添加的内容在模板里正确显示(只显示内容,而不是html代码)
- Leetcode -- Merge k Sorted Lists
- 我前妻的故事(一个初中肄业生的奋斗)