screenfull.js是一款瀏覽器全屏外掛，目前github的stars量5.9K，為什麼選擇screenfull.js，因為各大瀏覽器全屏操作處理api存在差異，screenfull.js底層已經處理好了各大瀏覽器的api操作差異

1、透過npm工具安裝

npm install screenfull --save

2、html檔案直接匯入

github搜尋screenfull直接下載原始碼檔案包

<script src="js/screenfull.min.js"></script>

1、透過screenfull.isEnabled檢測當前瀏覽器是否支援全屏

if (screenfull.isEnabled) {  // 全屏操作	screenfull.request()}

2、全屏非全屏切換

if (screenfull.isEnabled) {  // 全屏操作切換	screenfull.toggle()}

3、全屏操作事件監聽

if (screenfull.isEnabled) {  screenfull.on('change', function() {		console.log('我是全屏？', screenfull.isFullscreen ? '是' : '不是')	})}

4、效果圖檢視

非全屏

全屏