美文网首页
h5 判断系统深色模式

h5 判断系统深色模式

作者: Shudamu | 来源:发表于2022-03-27 00:42 被阅读0次

    const darkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)")

    如果 darkMode && darkMode.matches 都为 true

    那么系统为深色模式,反之为浅色模式

    可以设置一个事件监听这两个值的变化

    darkMode && darkMode.addEventListener("change", e => {})

    可以通过给 body 增加 class 的方式去设置主题

    相关文章

      网友评论

          本文标题:h5 判断系统深色模式

          本文链接:https://www.haomeiwen.com/subject/slyejrtx.html