最近看到 CSS 可以控制全螢幕 style
簡單測試一下
還是有遇到一些小地雷
小記小記，防止下次彩雷
:fullscreen
是控制 CSS style ，不是控制畫面全螢幕，但這個對F11全螢幕沒有什麼作用
JS 觸發全螢幕
1 | document.documentElement.requestFullscreen() |
這邊注意使用CSS要用:fullscreen or html:fullscreen
使用body:fullscreen
地雷
開發者模式不能直接執行
在 console.log 實作不會有效果
會跑出錯誤TypeError: The expression cannot be converted to return the specified type.
1 | document.documentElement.requestFullscreen() |
相關其他 JS 套件
[前端軍火庫]screenfull.js - 全螢幕顯示就是這麼簡單 | 全端開發人員天梯 - 點部落
sindresorhus/screenfull.js: Simple wrapper for cross-browser usage of the JavaScript Fullscreen API