Saber 酱的抱枕

Fly me to the moon

06/10
2015
学习

screenfull.js——跨浏览器的JavaScript全屏API

screenfull.js是跨浏览器使用JavaScript全屏API简单的包装,它可以让你把网页或任何元素在全屏模式下显示。我用这个主要是为了能让浏览器进入全屏模式。

使用时,首先引入screenfull.js:

 
http://cdn.bootcss.com/screenfull.js/2.0.0/screenfull.min.js

简单的使用代码如下:

    document.getElementById("a").onclick=function  () {
    screenfull.request();//进入全屏
    screenfull.exit();//退出全屏模式
    screenfull.toggle();//全屏模式切换
    if (screenfull.isFullscreen) {alert("全屏中")}else(alert("非全屏"))}

上面这几条是我感觉最常用的。按需使用即可。

点击此处在github上查看screenfull.js。使用时也可参考Amaze UI中的介绍。注意,仅供参考,此页面中的这个插件可能已被Amaze UI改造了。

screenfull.js——跨浏览器的JavaScript全屏API