浏览器全屏显示

Love The Way You Lie 2023-06-11 11:30 1阅读 0赞

### 全屏显示 ###

<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>

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 Openlayers实战：全屏显示

Openlayers地图中，全屏显示算是一个比较重要的组件了，经常会在演示的场景用到或者在多数据要展现的时候用到。在我们的实战课程里，详细讲一下其做法并配置其属性。效果

た入场券/ 2024年03月17日 15:16/ 0 赞/ 116 阅读

相关 android全屏显示方法

这里的全屏显示指的是消除Activity的标题栏和系统的的状态栏。总结下，可以有三种方式实现，不过也有些地方值得注意，下面分别对每种方式及其使用存在的问题进行阐述。方法一：

ゝ一纸荒年。/ 2023年10月18日 19:54/ 0 赞/ 58 阅读

相关设置浏览器全屏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

青旅半醒/ 2023年10月06日 17:54/ 0 赞/ 110 阅读

相关 js控制浏览器是否全屏

function fullScreen() { /判断是否全屏/ var isFullscreen =

àì夳堔傛蜴生んèń/ 2023年10月06日 10:42/ 0 赞/ 59 阅读

相关浏览器全屏显示

全屏显示 <html> <head> <meta name="generator" content="全屏编辑" /> <title>全屏

Love The Way You Lie/ 2023年06月11日 11:30/ 0 赞/ 1 阅读

相关 js浏览器全屏功能

FullScreen(){ let el = document.getElementById("preivewChartOuttor")

ゝ一世哀愁。/ 2023年02月16日 05:56/ 0 赞/ 60 阅读

相关 js 实现各浏览器全屏

现代浏览器包括ie11，可以直接用h5的全屏api实现低版本的IE需要通过ActiveX插件实现； //直接上代码 <!DOCTYPE html> <

深碍√TFBOYSˉ_/ 2022年05月31日 00:45/ 0 赞/ 267 阅读

相关 js浏览器全屏设置

`1. 进入全屏` function requestFullScreen () { var elem = document.documentEleme

迷南。/ 2022年05月21日 02:26/ 0 赞/ 346 阅读

相关原生js实现浏览器全屏和退出全屏

全屏模式 //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(

爱被打了一巴掌/ 2021年12月24日 19:41/ 0 赞/ 422 阅读

相关 HTML5--浏览器全屏操作、退出全屏、是否全屏

[HTML5--浏览器全屏操作、退出全屏、是否全屏][HTML5--] <!DOCTYPE html> <html lang="en"> <he

爱被打了一巴掌/ 2021年10月23日 14:12/ 0 赞/ 804 阅读