什麼是全螢幕模式?

全螢幕模式提供一鍵進入和退出全螢幕的功能。適合簡報、閱讀或專注工作。

點一下,頁面就會呼叫標準的 Fullscreen API,把內容鋪滿整個螢幕,並隱藏分頁列、工作列與網址列。從預設色盤挑一個背景色,配合不同情境營造氣氛:看影片用純黑、醫療或設計審查用白、簡報用深藍。隨時按 Esc 就能回到一般視窗。

使用方法

  1. 步驟一——點擊「進入全螢幕」按鈕,讓頁面充滿整個螢幕。
  2. 步驟二——按Escape鍵或點擊「退出全螢幕」返回正常檢視。
  3. 步驟三——使用可選的背景顏色選擇器,為簡報設定自訂背景色。

何時使用

  • 進行短簡報或產品演示,不希望工具列搶走觀眾的注意力。
  • 在筆電上閱讀長文,不想讓側欄與分頁在餘光裡分心。
  • 在活動現場架設 kiosk 螢幕,只讓觀眾看見你挑好的內容。

結果

點擊全螢幕,選一個深色背景,簡報時就沒有工具列擋在中間了。

常見問題

為什麼瀏覽器在進入全螢幕前要先確認?
瀏覽器要求觸發全螢幕前必須有使用者動作(點擊或按鍵),避免頁面在使用者不知情時佔據整個畫面。部分瀏覽器在某個網站首次啟用此功能時,還會跳出一次性的確認對話框。
怎麼離開全螢幕?
按 Esc(Esc 鍵)。這個按鍵由瀏覽器本體處理,即使頁面異常也能退出。你也可以點面板上的離開按鈕,Windows 與 Linux 上還能用 F11 來切換全螢幕模式。
為什麼有些情境下全螢幕沒反應?
被沙盒化的 iframe、嵌入式行動預覽,以及部分被企業政策鎖定的瀏覽器,出於安全考量會停用 Fullscreen API。本工具會偵測到這種情況,顯示「不支援」標籤,而不是直接報錯。
全螢幕時頁面裡的程式和互動還能正常運作嗎?
可以,頁面照常運作,唯一的差別是瀏覽器與系統的工具列被隱藏。鍵盤事件仍會送到頁面,滑鼠互動如常,影片或 canvas 也會以新的視口尺寸繼續繪製。
全螢幕會改變螢幕解析度嗎?
不會。Fullscreen API 只是把頁面延伸覆蓋目前解析度下的整塊顯示區域。要真正切換解析度,需要在作業系統的顯示設定或遊戲的原生全螢幕模式中調整,屬於另一套機制。

相關工具