Chrome 76增加了对prefers-color-scheme媒体查询的支持(又称"暗模式").
但是，我如何才能轻松地在两种配色方案中测试我的网页，而无需打开和关闭系统暗模式？
以下是适用于Firefox的same question，但我在Chrome&；Chrome DevTools中找不到类似的设置.
推荐答案
从Chrome 79版开始，你可以在Rendering panel和prefers-color-scheme: dark之间切换
- 打开开发人员工具(否则，下面的组合键将打开打印对话框)
- 打开命令控件:Ctrl键+Shift键+P键或Command+Shift+P(Mac)
- 键入"显示渲染"
- 将Emulate CSS media feature prefers-color-scheme设置为要调试的值
Css相关问答推荐
基于子元素的子元素数量的样式元素
在菜单中最后一项之后排除MUI分隔符
添加Angular 17的Stackblitz项目的Angular material 主题？
输入中的框始终显示在MUI文本字段中
如果一个类紧挨着另一个具有特定类的元素，请使用特殊的CSS，只使用不带JS的CSS
SVG样式中的CSS类名是否是全局的？
CSS 布局：使一列依赖于另一列
使用 flexbox 使图像与内容高度相同
问题定位位置：Tailwindcss 中的绝对元素
如何禁用 Angular Material Pagination 按钮的波纹效果？
全部：初始与使用 CSS 重置
我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗？
在固定高度的输入字段中垂直对齐文本而不显示：表格或填充？
如何将 textarea 宽度扩展到父级宽度的 100%(或如何将任何 HTML 元素扩展到父级宽度的 100%)？
Bootstrap 3 - 在每个网格列之后打印布局和中断
CSS：固定到底部并居中
如何使用 CSS 绘制复选标记/勾号？
CSS图像最大宽度设置为原始图像大小？
CSS 否定伪类 ：not() 用于父/祖先元素
我应该在我的 Bootstrap 项目中使用 normalize.css 吗？
实用课程推荐