h5页面实现浏览器全屏显示

开启全屏显示

退出全屏显示

获取当前是否全屏状态

开启全屏显示

let el = document.documentElement;
// 不同浏览器兼容方法调用
if(el.requestFullScreen){el.requestFullScreen();
}else if(el.webkitRequestFullScreen){el.webkitRequestFullScreen();
}else if(el.mozRequestFullScreen){el.mozRequestFullScreen();
}else if(el.msRequestFullScreen){el.msRequestFullScreen();
}

退出全屏显示

if (document.exitFullscreen) {document.exitFullscreen();
} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {document.webkitCancelFullScreen();
} else if (document.msCancelFullScreen) {document.msCancelFullScreen();
}

获取当前是否全屏状态

if(document.fullscreenElement || document.webkitFullScreenElement || document.mozFullScreenElement || document.msFullScreenElement){alert('当前是全屏')
}else{alert('当前非全屏')
}

h5页面实现浏览器全屏显示相关推荐

CocosCreator h5游戏移动端全屏显示
文章里的方法主要是针对creator游戏引擎的构建后项目,但是也可以由此文章中的方法,再作针对其他h5游戏引擎的修改,由此借鉴出其他h5游戏引擎的全屏显示. 先来看构建后的文件结构: 其中,红色框里的 ...
html 设置浏览器全屏显示,JavaScript控制浏览器全屏显示简单示例
本文实例讲述了JavaScript控制浏览器全屏显示.分享给大家供大家参考,具体如下: www.jb51.net JS全屏显示全屏显示退出全屏 // 判断各种浏览器,找到正确的方法 functio ...
android 浏览器全屏显示
业务需求:浏览器设置中支持全屏显示的功能. 分析:只需要在设置界面上增加是否全屏的checkBox , 然后 BrowserActivity 中读取这个值, 来设置窗口的 Style. 修改: 1 ...
js控制浏览器全屏显示
window.navigator.userAgent.indexOf('MSIE')<0为true时,表示浏览器支持进入全屏还需做兼容性判断 <!DOCTYPE html> < ...
html5 safari浏览器全屏显示隐藏工具条,HTML5全屏API不IPhone SE Safari浏览器工作，也...
我想打一个div容器全屏等最新的iPhone,它在所有桌面浏览器和Android浏览器,但在iPhone浏览器(Safari浏览器)工作正常,它不管用.HTML5全屏API不IPhone SE Saf ...
前端实现控制浏览器全屏显示
通过原生JS方式实现 document.documentElement.requestFullscreen() // 开启全屏 document.exitFullscreen() // 关闭全屏通过 ...
网页全屏显示以及退出全屏，包括单个元素全屏显示
在一些场景中我们希望网页能够全屏显示,这样可展示的区域更大,也就是隐藏浏览器的地址栏和页签栏,上代码为了方便调用直接进行了封装,同时也做了兼容性处理,(如果你觉得我代码写的垃圾让你不知道该怎么调,那 ...
android华为手机全屏显示
解决android华为提示全屏显示最近发现很多应用在第一次安装之后,都会提示一个 [ 全屏显示] .一看,好像也没啥,但是对开发应用的开发者来说.感觉被打了一巴掌一样.自己好好编码完成的应用.出来个 ...
解决android华为提示全屏显示
原文https://blog.csdn.net/xu_coding/article/details/82889782 解决android华为提示全屏显示最近发现很多应用在第一次安装之后,都会提示一个 ...

h5页面实现浏览器全屏显示

开启全屏显示

退出全屏显示

获取当前是否全屏状态

h5页面实现浏览器全屏显示相关推荐

最新文章

热门文章