web 使网站在浏览器中全屏显示 fullscreen=yes
關(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)用。
目前這些全屏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。
總結(jié)
以上是生活随笔為你收集整理的web 使网站在浏览器中全屏显示 fullscreen=yes的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 招行权证割肉比赛开演 10个交易日后寿终
- 下一篇: Hubstudio指纹浏览器和YiLu代