参考网上的写法实现了将一块div全屏预览的功能,经测试在chrome、microsoftedge中可以正常全屏,但在360急速浏览器中全屏后宽度并未全屏显示,在ie中点击按钮后直接没反应。。求大神解答。。**
代码:
//content是一块div,全屏的方法通过一个button调用
var el = document.getElementById("content");
function fullScreen() {
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
} else if(typeof window.ActiveXObject != "undefined") {
//for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
function exitFullScreen() {
var el = document;
var cfs = el.cancelFullScreen || el.webkitCancelFullScreen ||
el.mozCancelFullScreen || el.exitFullScreen;
if(typeof cfs != "undefined" && cfs) {
cfs.call(el);
} else if(typeof window.ActiveXObject != "undefined") {
//for IE,这里和fullScreen相同,模拟按下F11键退出全屏
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
https://zhidao.baidu.com/question/1640166864244090820.html
IE上可以使用新开页面的方式打开,但是打开后没有关闭按钮只能用alt+f4关闭 ,而且用js关闭也会有安全提示。这个需求好像不能满足所有浏览器
IE会新开页面全屏
window.open(location.href,'','fullscreen=1')