浏览器全屏显示

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

全屏显示

  1. <html>
  2. <head>
  3. <meta name="generator" content="全屏编辑" />
  4. <title>全屏编辑</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. </head>
  9. <body>
  10.     <button onclick="fullScreen()">全屏编辑</button>
  11. </body>
  12. <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>
  13. </html>

发表评论

表情：
评论列表 （有 0 条评论，23人围观）

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

相关阅读

    相关 Openlayers实战：全屏显示

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

    た 入场券た 入场券/ 0 赞/ 122 阅读

    相关 android全屏显示方法

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

    ゝ一纸荒年。ゝ一纸荒年。/ 0 赞/ 77 阅读