全屏化类库screenfull.js介绍

github.com/sindresorhus/screenfull.js/

该类库封装了Fullscreen API使得使用起来更方便,github上的说明也到位了,我再简单提一下或是补充一下吧

类库内的方法能够帮助实现网页全屏化以及网页中组件的全屏化

1,Fullscreen API本身不适用于IE10以前(包括IE10)的环境,所以IE10以前的版本不适用这类库.

2,加载类库以后会出现一个名为screenfull的全局变量,我们从里面调用方法就能实现各种事情

3,常用的变量和方法:

(1)screenfull.enabled    :当前环境下面能否运行全屏化的布尔值,变大变小前都用if判断一下这个

(2) screenfull.toggle(this);   this的部分换成组件就能实现部分全屏化

(3)screenfull.isFullscreen    :返回当前是否处于全屏状态,根据这个改变组件内部东西的大小啥的

(4)document.addEventListener(screenfull.raw.fullscreenerror, function (event) {});    响应全屏事件运行函数

4,jquery下想全屏某个div要精确到$('#tabs')[0]的程度,例如:  screenfull.toggle($('#tab)[0]);