首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么`window.matchMedia(‘(更喜欢-配色方案:暗)’).matches`在Ubuntu模式下返回‘`false`’

为什么`window.matchMedia(‘(更喜欢-配色方案:暗)’).matches`在Ubuntu模式下返回‘`false`’
EN

Stack Overflow用户
提问于 2022-04-17 22:51:30
回答 2查看 968关注 0票数 4

我正在使用Ubuntu,并试图通过使用matchMedia获得用户的首选主题,但它总是为这个查询返回false

代码语言:javascript
运行
AI代码解释
复制
window.matchMedia('(prefers-color-scheme: dark)').matches // false
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-04-17 23:02:01

这是Chrome版的公开发行

票数 3
EN

Stack Overflow用户

发布于 2022-04-17 23:21:00

这是Ubuntu和Chrome之间的一个问题。请检查黑暗情绪切换与Ubuntu和火狐。然后你就可以看到它的工作没有任何问题。

所以我认为这是Ubuntu和Chrome之间的一个问题。

这是一个已知的问题,可以通过此页跟踪。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71908510

复制
相关文章
使用 React hooks 监听系统的暗黑模式
苹果的“暗黑模式”带来了全然一新的外观,它能使您的眼睛放松,并有助于您专心工作。暗黑模式使用一种较深的配色方案,这种配色作用于整个系统,现在大部分网站也加入了暗黑模式,包括 Tailwindcss、antd design 等都支持了暗黑模式,因此我们的网站也要适配系统皮肤。
狂奔滴小马
2022/03/30
1.1K0
使用 React hooks 监听系统的暗黑模式
网站如何适配暗色模式并实现手动、自动切换
那么,我们自己的网站如何适配暗色/亮色模式呢?首先说一下最基础的媒体查询,然后带大家了解一下我的适配方案(纯JS、CSS和HTML的前端操作)。
Mintimate
2021/02/01
9.1K0
网站如何适配暗色模式并实现手动、自动切换
为什么1000==1000返回false,100==100返回true?
这可能是个讨论得较多的话题,但是我觉得它很有趣:为什么1000==1000返回false,100==100返回true?
三哥
2018/12/19
1.2K0
js检测夜晚(dark)模式
使用CSS,我们可以使用 preferreds-color-scheme 媒体查询来检测暗模式。
IT工作者
2022/01/15
2.8K0
XShell ubuntu 配色方案及导入方式
今天看到旁边的人在用 XShell 感觉配色和功能比较强大,所以下载下来研究了一下,更让我喜欢的是他的各种配色方案,有针对不同平台的配色方案,也可以自己设定配色方案,这里给大家分享一个网络上分享的 ubuntu 的配色方案。
我与梦想有个约会
2023/10/20
5760
XShell ubuntu 配色方案及导入方式
面试官:为什么“false == []”和“false == ![]”都返回true?
英文 | https://javascript.plainenglish.io/interviewer-why-do-false-and-false-both-return-true-6e7944220337
winty
2023/01/09
1K0
DarkMode(2):深色模式解决方案——css颜色变量实现Dark Mode
暗黑模式实现,最初的设计,就是参考之前的主题模式。所谓多套主题/配色/皮肤,就是我们很常见的换肤功能。换肤简单的实现就是更换 css实现不同样式呈现不同肤色。
周陆军
2020/12/11
3.5K0
你知道在 JavaScript 中也能使用媒体查询吗
CSS媒体查询是任何响应式设计的核心成分。它们是将不同样式应用到不同上下文的好方法,无论它是基于视口大小、运动偏好、首选的配色方案、特定的交互,甚至是特定的设备,如打印机、电视和投影仪等。
前端修罗场
2022/07/29
4.1K0
你知道在 JavaScript 中也能使用媒体查询吗
为什么比起 IntelliJ IDEA,我更喜欢 Eclipse…
原文:https://dzone.com/articles/i-still-prefer-eclipse-over-intellij-idea 作者:Bozhidar Bozhanov                          译者:码农网 – 小峰 本文来自国外技术人员 Bozhidar Bozhanov 的使用感受,看看他有什么独特的见解呢!? 这么多年来,我观察到滚滚历史潮流正在从Eclipse涌向IntelliJ IDEA。去年,两者的使用率几乎相等,但是我感觉天平正在渐渐倾向IDEA。
Java技术栈
2018/06/04
1.9K3
为什么1000 == 1000返回为False,而100 == 100会返回为True?
这是我们今天要讨论的话题,因为我觉得它非常的有趣。 如果你运行如下代码: Integer a = 1000, b = 1000; System.out.println(a == b);//1 Integer c = 100, d = 100; System.out.println(c == d);//2 你会得到以下运行结果: false true 我们知道,如果两个引用指向同一个对象,那么==就成立;反之,如果两个引用指向的不是同一个对象,那么==就不成立,即便两个引用的内容是一样的。因此,结果
顶级程序员
2018/04/26
1.8K0
JavaScript 中的 7 个杀手级单行代码
在使用需要一定程度随机化的算法时,你经常会发现洗牌数组是一项非常必要的技能。以下代码段以复杂的方式对数组进行混洗。O(n log n)
海拥
2022/04/13
7040
Nuxt3在使用Tailwindcss情况下,如何优雅实现深色模式切换?
随着前端更新,网站设计中,深色模式也成为了一种备受欢迎的设计趋势。可以帮助用户减少眼睛的负担,同时也更加适合在光线较暗的环境下使用。
Mintimate
2023/07/31
2K0
Nuxt3在使用Tailwindcss情况下,如何优雅实现深色模式切换?
为什么开发人员更喜欢linux系统
不知不觉linux已经诞生30年了,作为一个开源的操作系统,linux一经发布就吸引了无数热爱开源的开发人员。无数的开发人员为linux的发展做出了自己的贡献,而linux也成为了开发人员最喜爱的操作系统。
程序那些事儿
2023/03/07
1.1K0
为什么开发人员更喜欢linux系统
2022招聘季|前端工作中需要掌握的 15 个函数
将任何文本复制到剪贴板 navigator.clipboard.writeText。
wscats
2022/04/01
5600
聊聊在AOP模式下的缓存方案
使用了autofac做为ioc容器,使用Autofac.Extras.DynamicProxy2作为方法拦截器,缓存面向方法,直接在方法上添加CachingAttribute特性即可。
Java_老男孩
2019/12/02
7250
为什么程序员更喜欢命令行接口
CLI的全称是Command Line Interface,也就是命令行接口的意思,它是以文本的形式处理一行一行的计算机命令。在操作系统中,我们可以通过shell这个命令行界面对操作系统进行交互式访问.
程序那些事儿
2023/03/07
2430
为什么程序员更喜欢命令行接口
xshel配色方案
Solarized Dark.xcs [Names] count=1 name0=Solarized Dark [Solarized Dark] text(bold)=839496 magenta(bold)=6c71c4 text=ffffff white(bold)=fdf6e3 green=859900 red(bold)=ff0080 green(bold)=00ff40 black(bold)=073642 red=dc322f blue=268bd2 black=00
一灰灰blog
2018/02/06
7820
xshel配色方案
20 个实用的 JavaScript 单行代码
借助navigator.clipboard.writeText可以很容易的讲文本复制到剪贴板
@超人
2021/10/12
8780
18个JS单行代码片段,值得你在日常工作中应用
英文 | https://javascript.plainenglish.io/18-killer-javascript-one-liners-%EF%B8%8F-b11f0c796024
前端达人
2021/10/08
1.1K0
18个JS单行代码片段,值得你在日常工作中应用
高并发下为什么更喜欢进程内缓存
进程内缓存是指缓存和应用程序在相同地址空间。即同一个进程内。分布式缓存是指缓存和应用程序位于不同进程的缓存,通常部署在不同服务器上。
Java_老男孩
2019/06/25
6880

相似问题

Window.matchMedia(‘(偏好-配色方案:暗)’).matches在Android中返回false

117

暗模式切换,配色方案:暗模式

24

事件window.matchMedia(‘(偏好-配色方案:暗)’).addEventListener只触发一次

111

@media (更喜欢-配色方案:光)在铬中不起作用

11

CSS更喜欢在Firefox上使用配色方案,但不喜欢在Chrome问题上使用。

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档