關(guān)于全屏（FullScreen）

　　很久以前，瀏覽器就已經(jīng)有全屏的概念的了。IE的open方法中可以配置上FullScreen參數(shù)來(lái)讓打開(kāi)的頁(yè)面全屏化。但是這不太好用，所以沒(méi)成為主流。而且，全屏這東西如果被惡意使用會(huì)給用戶造成困擾，所以在現(xiàn)代瀏覽的全屏API中需要在用戶事件中調(diào)用。

　　open方法的第三個(gè)參數(shù)是可以對(duì)打開(kāi)的窗口做一些配置，但是現(xiàn)代瀏覽器并沒(méi)有吸收太多的這個(gè)部分，包括FullScreen這個(gè)配置。所以open的FullScreen依然只能在IE中使用。高版本IE中這個(gè)FullScreen也已經(jīng)被弱化了，所以的全屏也只是最大化窗口而已。

open("index.html",null,"fullscreen=yes");　　

注意它的值是yes或大于0的數(shù)字時(shí)才有效。傳統(tǒng)的IE方法并沒(méi)有對(duì)自身頁(yè)面全屏化的接口（ActiveXObject除外），而HTML5的FullScreen API是針對(duì)viewport的，所以它可以對(duì)當(dāng)前文檔做全屏化。但是由于安全性的考慮（防止被惡意使用），這個(gè)API的調(diào)用需要在用戶事件中。只有用戶自己的操作才能觸發(fā)，程序無(wú)權(quán)主動(dòng)調(diào)用。

var de=document.documentElement;//調(diào)整兼容性de.requestFullScreen=de.requestFullScreen||de.webkitRequestFullScreen||de.mozRequestFullScreen;//計(jì)時(shí)器調(diào)用（無(wú)效）setTimeout(function(){de.requestFullScreen();},1);//點(diǎn)擊事件調(diào)用（有效）de.οnclick=function(){de.requestFullScreen();};
　　

目前這些全屏API還是有前綴的，所以使用起來(lái)有點(diǎn)麻煩，將來(lái)規(guī)范化后去掉前綴使用就會(huì)方便一些。對(duì)于一些非用戶事件，比如onload、timeout，等之類的事件中調(diào)用requestFullScreen是無(wú)法生效的。出于安全性考慮必須在用戶事件中調(diào)用，比如鼠標(biāo)、鍵盤(pán)，操作。在進(jìn)入全屏后，不同的瀏覽器會(huì)做出不同的提示：

Firefox：

Chrome：

　　雖然全屏是針對(duì)viewport的，但是對(duì)文檔全屏的方法本身是在body或documentElement上的，具體原因我也沒(méi)去詳細(xì)了解。其它viewport比如CANVAS、VIDEO，之類的也可以發(fā)起全屏請(qǐng)求。

　　當(dāng)然，全屏API當(dāng)然不只是調(diào)用全屏這個(gè)一個(gè)方法，還有取消和判斷之類的。不過(guò)由于目前規(guī)范尚未落實(shí)，所以其它方法可能還有一些其它的兼容性問(wèn)題。我這里就不深入了，懂得用就行。其它具體描述可以看MDN。

　　　　參考： MDN - Using full screen mode

總結(jié)

以上是生活随笔為你收集整理的web 使网站在浏览器中全屏显示 fullscreen=yes的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。