前端通过代码实现F11全屏效果

以chrome浏览器为例:

整个页面全屏:document.documentElement.webkitRequestFullscreen()

某个元素全屏:document.getElementById('app-main').webkitRequestFullscreen()

退出全屏:document.webkitExitFullscreen()

不同浏览器内核调用的方法不一样,比如:

'mozRequestFullScreen', 'mozCancelFullScreen' ...等等

也可以使用插件npm install screenfull

你可能感兴趣的:(javascript,html5,node.js,前端)