if
(
document
.
fullscreen
)
{
return
true
;
}
else
if
(
document
.
mozFullScreen
)
{
return
true
;
}
else
if
(
document
.
webkitIsFullScreen
)
{
return
true
;
}
else
if
(
document
.
msFullscreenElement
)
{
return
true
;
}
else
if
(
window
.
fullScreen
)
{
return
true
;
return
false
;
this.exitFullscreen = function() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else {
document.msExitFullscreen();
存在见兼容性 要做处理function isFullScreen = function() { if (document.fullscreen) { return true; } else if (document.mozFullScreen) { return true; } else if (document.webkitIsFullScreen) { return true; } else if (documen
1. 问题说明
网页全屏和退出全屏其实已经算的上一个很常见的功能了，那是不是直接用HTML5全屏API就没什么问题了，但是不要忘了键盘上的F11有着同样的功能，实际使用的时候就发现F11使网页进入全屏后，以HTML5的全屏API退出全屏就不管用了（不是一家，没商量好啊！）
2.页面全屏与退出全屏
// 根据浏览器可视区域高度与屏幕实际高度差值判断页面是否为全屏状态
// 取...
//判断是否是全屏状态
var isFull = Math.abs(window.screen.height-window.document.documentElement.clientHeight) <= 17
window.onresize = function() {
isFull = Math.abs(window.scre
if (window.outerHeight === screen.availHeight){
if(window.outerWidth === screen.availWidth){
//alert("全屏");
}else{
//alert("不是全屏");
}else{
//alert("不是全屏");
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<button
求助 ：Not allowed to launch ‘bytedance://dispatch_message/‘ because a user gesture is required.
42575
