如何在浏览器JavaScript中检测OSX是否处于暗模式?

如何在浏览器JavaScript中检测OSX是否处于暗模式?,javascript,Javascript,类似于“”仅适用于JavaScript 如何在Safari/Chrome/Firefox中检测用户的系统是否处于新的macOS暗模式,并将结果作为布尔值获取?使用该功能检查是否符合首选配色方案媒体规则: const isDark=window.matchMedia('(首选颜色方案:深色)')。匹配; //或 const isLight=window.matchMedia(‘(首选颜色方案:灯光)’)。匹配; 当黑暗模式打开/关闭时,您还可以收到通知: const media=window.m

类似于“”仅适用于JavaScript

如何在Safari/Chrome/Firefox中检测用户的系统是否处于新的macOS暗模式,并将结果作为布尔值获取?

使用该功能检查是否符合
首选配色方案
媒体规则:

const isDark=window.matchMedia('(首选颜色方案:深色)')。匹配;
//或
const isLight=window.matchMedia(‘(首选颜色方案:灯光)’)。匹配;
当黑暗模式打开/关闭时,您还可以收到通知:

const media=window.matchMedia(‘(首选颜色方案:深色)’);
media.addListener(()=>{
警报(`模式已更改为${media.matches?'dark':'light'}`);
});