浏览器全屏显示

全屏显示

<html>
<head>
<meta name="generator" content="全屏编辑" />
<title>全屏编辑</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0,user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<button onclick="fullScreen()">全屏编辑</button>
</body>
<script>
	function fullScreen() {
		var docElm = document.documentElement;
		var Promise = null;
		var tip = "";
		//alert("Promise=" + Promise);
		if (docElm.requestFullscreen) {
			Promise = docElm.requestFullscreen();
			tip = "requestFullscreen";
		} else
		//W3C
		//FireFox
		if (docElm.mozRequestFullScreen) {
			Promise = docElm.mozRequestFullScreen();
			tip = "mozRequestFullScreen";
		}
		//Chrome等
		else if (docElm.webkitRequestFullScreen) {
			Promise = docElm.webkitRequestFullScreen();
			tip = "webkitRequestFullScreen";
		}
		//IE11
		else if (docElm.msRequestFullscreen) {
			Promise = docElm.msRequestFullscreen();
			tip = "msRequestFullscreen";
		}
		console.log(Promise)
		console.log(tip)
	}
</script>
</html>

发布了95 篇原创文章 · 获赞 4 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_26264237/article/details/102822473