🆕 https://mnya.tw/cc/word/1576.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android,系統都可以設定色彩主題成深色模式或淺色模式,瀏覽器也會因為系統設定值而獲得參數,這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android,系統都可以設定色彩主題成深色模式或淺色模式,瀏覽器也會因為系統設定值而獲得參數,這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
萌芽綜合天地
JavaScript:偵測系統深色模式/淺色模式 – 萌芽綜合天地
現在不管是 Windows、macOS 還是 Android,系統都可以設定色彩主題成深色模式或淺色模式,瀏覽器也會因為系統設定值而獲得參數,這時候透過 JavaScript 就可以抓取現在的模式,進而做到改變網頁內容/樣式。這在做網頁深色模式與淺色模式(或者說「黑暗模式」和「明亮模式」)上非常有幫助,使用者基本上不用自行切換,直接透過系統的偏好值顯示對於使用者來說最合適的色彩主題。