当前位置: 首页 > 面试题库 >

如何以全屏模式自动打开网页

司徒嘉祥
2023-03-14
问题内容

如何以全屏模式自动打开网页?

我正在寻找一种在全屏模式下自动打开网页的解决方案,而不希望用户按F11或任何其他浏览器特定的键。

我已经搜索了很多,但是找不到解决方案。

是否有可用的脚本,库或浏览器特定的API可以帮助我实现这一目标?


问题答案:

对于通过Chrome FullscreenAPI的Chrome

请注意,出于(Chrome)安全的原因,它无法自动调用或执行,必须首先与用户进行交互。 (如按钮单击,按下/按下按键等)

addEventListener("click", function() {
    var
          el = document.documentElement
        , rfs =
               el.requestFullScreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
    ;
    rfs.call(el);
});






// Find the right method, call on correct element
function launchFullScreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

// Launch fullscreen for browsers that support it!
launchFullScreen(document.documentElement); // the whole page
launchFullScreen(document.getElementById("videoElement")); // any individual element


 类似资料:
  • 问题内容: 我正在寻找一种技巧,使我的网站处于全屏模式,而无需人工干预。 我已经找到了一些使用HTML5技术的示例,但是所有这些都需要人工交互才能触发。 该网站将显示在电视上… 我已经考虑过在全屏模式下使用SWF文件加载网站,但是我不想强调这个问题,我想强调的只是使用默认模式(html,css和javascript)的所有可能性 问题答案: 您不能 强制 网站以全屏模式显示。 想象一下如果可能的话

  • 本文向大家介绍移动端如何设置页面以全屏模式运行?相关面试题,主要包含被问及移动端如何设置页面以全屏模式运行?时的应答技巧和注意事项,需要的朋友参考一下 <head> <meta name="viewport" content="user-scalable=no, width=device-width" /> </head>

  • 编辑模型时使用整个屏幕。正常显示在 Navicat Data Modeler 应用程序的菜单和标题栏在这个模式时将会隐藏。移动你的滑鼠光标到屏幕的顶部,菜单和标题栏将会自动显示。 从菜单栏选择“查看”->“进入全屏幕”或简单地按 CTRL-COMMAND-F 来开始全屏模式。 当取消了全屏模式,Navicat Data Modeler 窗口将回复至之前的狀态。

  • 编辑模型时使用整个屏幕。正常显示在 Navicat Data Modeler 应用程序的标题栏在这个模式时将会隐藏。 从菜单栏选择“查看”->“全屏”或简单地按 F11 来开始全屏模式。 当取消了全屏模式,Navicat Data Modeler 窗口将回复至之前的状态。

  • 我目前正在开发一个志愿者登录应用程序,需要防止任何试图篡改计算机的行为。首先,我很容易地将应用程序设置为全屏。然后我尝试将窗口的exit键组合设置为null,但在这种情况下JavaFX自动默认为escape键。我将有一个管理部分,该程序可以退出使用密码。是否有任何方法可以有效地拦截退出JavaFX应用程序全屏状态的任何可能方法,或者更好的方法是暂时挂起/锁定其他操作系统功能? 编辑——使用组合键。

  • 全屏模式        点击全屏模式,进入全屏查看状态        点击退出全屏按钮或按“ESC”键,退出全屏模式