一、全屏展示当前页面

类似于按f11得到的样式,隐藏浏览器边框书签栏以及操作栏。

const fullScreen= () => {
  let el = document.documentElement;
  lett rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
  if (typeof rfs != "undefined" && rfs) {
    rfs.call(el);
  }
}

失效情况

当全屏代码不是通过与用户交互触发，而是直接执行脚本触发（比如页面加载时自执行），全屏功能将不会生效。浏览器认为自动触发的全屏特效为不安全或令人困惑的操作，所以禁止了该操作，在chrome控制台中你可以看到如下提示信息。

Failed to execute ‘requestFullscreen’ on ‘Element’: API can only be initiated by a user gesture.

二、弹出全屏页面

以下代码会弹出一个全屏幕大小的浏览器新页面（并不会隐藏边框等部分）。

<button onClick="window.open('http://127.0.0.1:9999/#/index', 'test', 'fullscreen=yes')">新世界</button>

三、chrome利用bat脚本实现全屏

直接执行一个批处理bat文件可以全屏打开指定页面（类似于f11真正意义上的全屏）。直接上代码

@echo off
echo Please waiting for open full-screen chrome page...
timeout /t 3
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --chrome --kiosk http://127.0.0.1:9999/#/index --incognito --disable-pinch --no-user-gesture-required --overscroll-history-navigation=0
exit

使用方法

  1. 在windows电脑任意位置创建一个bat文件，内容为以上代码
  2. 找到chrome.exe文件的位置，将其绝对路径替换以上代码中"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"这一部分。
  3. 修改以上代码中你要打开的地址
  4. 保存bat文件，双击打开

四、打开ie全屏页面

可以直接在windows命令行工具中输入以下代码，回车执行；也可以将以下代码复制到bat文件中，双击打开bat文件执行。

“C:\Program Files\Internet Explorer\iexplore.exe” -k http://www.baidu

END