const darkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)")
如果 darkMode && darkMode.matches 都为 true
那么系统为深色模式，反之为浅色模式
可以设置一个事件监听这两个值的变化
darkMode && darkMode.addEventListener("change", e => {})
可以通过给 body 增加 class 的方式去设置主题
const darkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)")
如果 darkMode && darkMode.matches 都为 true
那么系统为深色模式，反之为浅色模式
可以设置一个事件监听这两个值的变化
darkMode && darkMode.addEventListener("change", e => {})
可以通过给 body 增加 class 的方式去设置主题
判断系统是否是深色模式和判断当前app是否是深色模式不一样。 系统是深色模式，但此app自己代码单独设置了不是深色...
const darkMode =window.matchMedia && window.matchMedia("(...
微信内测版v7.0.10适配了深色模式。Android系统的深色模式对系统版本有要求，需要Android 10才有...
深色模式适配的目标和方法 在MIUI12上推出全局的深色模式，所有系统应用和主流三方应用适配。 要达到的效果：系统...
CSS判断深色模式 使用媒介查询prefers-color-scheme，支持dark，light，no-pref...
用一句话来说，适配深色模式的唯一的工作就是打开你的app界面，打开系统深色模式，把app图片、资源、颜色等等，在黑...
获取浏览类型与系统的函数 前端H5用js判断页面在IOS，Android，微信，pc端打开的方法 js判断H5页面...
一、简介 从 iOS 13.0 版本开始，用户可以选择采用系统范围内的浅色或深色外观。 深色外观（称为暗黑模式Da...
据有关报道，iOS 13 将会带来深色模式，该模式已在 macOS Mojave 系统上率先部署，可以提升夜晚使用...
本文标题：h5 判断系统深色模式
本文链接：https://www.haomeiwen.com/subject/slyejrtx.html
网友评论