如何檢測操作系統是否支持`prefers-color-scheme`？
[英]How to detect whether `prefers-color-scheme` is supported on OS?
問題描述
並非所有設備都支持暗模式，例如。 Android 9 下有沒有辦法檢測用戶的操作系統是否支持深色模式？
為什么我要添加一個基於 Javascript 的主題切換器。 如果用戶已經內置了支持，我想添加一個名為“自動”的特殊按鈕。 這應該遵循系統。
1 個解決方案
解決方案1
1 已采納 2020-03-26 17:13:05
如果您想明智地檢測對 JavaScript 的支持，一個想法是在 CSS 中設置一個變量，在媒體查詢中更新它的值，用於prefers-color-scheme然后使用 JavaScript 讀取該 CSS 變量。
如何使用 JavaScript 或 CSS 模擬 CSS 媒體功能偏好配色方案？
[英]How to emulate Emulate CSS media feature prefers-color-scheme using JavaScript or CSS?
是否可以在js中觸發ZC7A628CBA22E28EB17B5F5C6AE2A266AZ prefers-color-scheme？
[英]Is it possible to trigger css prefers-color-scheme in js?
為什么 `window.matchMedia('(prefers-color-scheme: dark)').matches` 在 Ubuntu 深色模式下返回 `false`
[英]Why `window.matchMedia('(prefers-color-scheme: dark)').matches` returns `false` in Ubuntu Dark Mode
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
如何檢測 javascript 中的偏好顏色方案變化？
如何覆蓋 css 首選配色方案設置
Electron 忽略 @css 首選顏色方案
如何使用 JavaScript 或 CSS 模擬 CSS 媒體功能偏好配色方案？
首選顏色方案：深色不適用於郵件模板
如果用戶喜歡-color-scheme：dark，則設置暗模式
編輯“prefers-color-scheme”值以強制使用暗模式
是否可以在js中觸發ZC7A628CBA22E28EB17B5F5C6AE2A266AZ prefers-color-scheme？
帶有偏好顏色方案的暗模式開關：暗
為什么 `window.matchMedia('(prefers-color-scheme: dark)').matches` 在 Ubuntu 深色模式下返回 `false`
相關標簽