亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

通過javascript將窗口設置為全屏(REAL全屏; F11功能)

通過javascript將窗口設置為全屏(REAL全屏; F11功能)

HUX布斯 2019-11-15 12:43:19
關于此有幾個問題,有人說這是不可能的,有人說在IE中是可能的,例如Internet Explorer全屏模式?我想知道一個通用的解決方案和答案。我正在建立一個照相館網頁,當全屏觀看時,該照相館確實有所作為(正如標題所述,我所說的是真正的全屏,而不是帶有條形和窗口鍍鉻等),我想放置一個按鈕全屏顯示。(不,我不會在沒有用戶意圖的情況下強行使用FS,我也討厭這種“功能”)當通過用戶啟動的操作(例如單擊按鈕)啟動時,在Flash中是可能的,我想知道是否這樣東西也可用于Javascript。從邏輯上講,它應該具有類似于Flash / SL用戶啟動的全屏模式的機制。如果沒有適用于所有人的“通用”功能,我會設置窗口的寬度/高度等。也沒有附帶告訴您設置窗口的寬度/高度的答案,我知道該怎么做,我也沒有在尋找它)。
查看完整描述

3 回答

?
ITMISS

TA貢獻1871條經驗 獲得超8個贊

您仍然可以致電 window.open(url,'','fullscreen=yes'),獲得90%的付款方式,但結果略有不同:


IE將打開一個僅包含標題欄和URL欄的窗口。該窗口的大小適合整個屏幕,并覆蓋Windows任務欄。

Mozilla還會打開一個僅包含標題欄和URL欄的窗口。但是,新窗口繼承了打開窗口的尺寸。如果打開的窗口最大化,則新窗口將最大化打開。(未涵蓋任務欄。)

Chrome瀏覽器還會打開一個僅包含標題欄和URL欄的窗口。新窗口繼承了打開窗口的尺寸,但是永遠不會最大化打開(即使打開窗口已最大化)。

這與使用JavaScript所獲得的效果非常接近。 您的另一種選擇是在Flash中構建內容(或者?。蛘咧皇亲屇摹叭痢卑粹o彈出一個燈箱,上面寫著“按F11進入全屏”,然后隱藏燈箱,window.resize或者在燈箱中單擊取消按鈕。


編輯: Webkit(Safari 5.1 + / Chrome 15+)和Firefox(10+)已實現了適當的全屏API (最初由Mozilla提出,后來作為W3C提議發布)。 這里是簡要的歷史和用法示例。 請注意,據稱IE10將不支持該API。


查看完整回答
反對 回復 2019-11-15
?
翻閱古今

TA貢獻1780條經驗 獲得超5個贊

我不知道為什么沒人注意到所有答案都是錯誤的。


設置body元素,以全屏幕并不會有按F11的相同的行為。


F11的相同行為可以通過以下方式獲得:


document.documentElement.webkitRequestFullScreen();   // on


document.webkitCancelFullScreen();  // off

還檢查我們是否處于全屏模式,我使用以下行:


isFullScreen=()=>!(document.webkitCurrentFullScreenElement==null)

注意:必須從用戶交互事件(onclick,onkeydown等)中調用此方法。


查看完整回答
反對 回復 2019-11-15
  • 3 回答
  • 0 關注
  • 1114 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號