html无法调用硬件背光，因浏览器安全沙箱禁止访问pwm/dc电路；filter仅做gpu端像素后处理，不改变实际背光电压，真硬件调节需electron+系统级命令。
硬件背光调节和 HTML 样式控制是两套完全独立的系统，不存在能“通过 HTML 函数调用硬件背光”的工具或 API——浏览器出于安全隔离原则，禁止网页直接访问显示器 PWM 或 DC 调光电路。
为什么 document.documentElement.style.filter 不能调节硬件背光
filter 是纯软件层的像素后处理，只在 GPU 渲染管线末端叠加效果，不改变屏幕实际发光强度。即使设 filter: brightness(0.3)，万用表测 LCD 背光电压仍为满幅；而硬件背光调节（如 Windows 显卡控制面板里的“亮度”滑块）是直接降低 LED 驱动电流，物理上减少光子输出。
- 所有基于
filter、background-color、color-scheme的 HTML/CSS 方案，都属于“视觉模拟”，非真实背光控制 -
matchMedia('(prefers-reduced-transparency)')或matchMedia('(dynamic-range: high)')只能读取系统状态，无法下发指令 - 试图用
Canvas+{colorSpace: 'display-p3'}触发 HDR 模式，也仅影响色域映射，不改变背光 PWM 占空比
哪些 HTML 工具会误标“支持硬件护眼”
市面上部分所谓“HTML 护眼工具”在宣传中混淆概念，把“调暗页面视觉亮度”包装成“调节硬件背光”。典型误导包括：
- 声称“一键同步系统亮度”——实际只是监听
window.matchMedia('(prefers-color-scheme: dark)')后改document.body.style.backgroundColor - 在介绍里写“兼容 Dell/HP 笔记本背光快捷键”——快捷键由 BIOS/EC 固件响应，与网页 JS 零关系
- 提供“色温滑块”并标注“对应 2700K–6500K 硬件色温”——真实色温需 ICC Profile + 显卡 LUT 校准，HTML 无权写入显卡寄存器
真需要硬件级控制，该用什么
若项目必须联动硬件背光（例如医疗看板、工业 HMI），唯一可行路径是脱离浏览器沙箱：
- 用 Electron 封装应用，通过
systemPreferences.getEffectiveAppearance()读系统偏好，再调用 Node.jschild_process.exec('powershell ...')执行 WindowsWmiMonitorBrightnessWMI 命令（仅限管理员权限） - 在 macOS 上用 AppleScript 调用
do shell script "brightness 0.5"（需开启辅助功能权限） - Linux 下通过
ddcutil setvcp 10 50直接写 DDC/CI 协议（要求显示器支持且 USB-C/HDMI 支持 DDC 通道）
这些方案已超出 HTML 范畴，且存在权限、兼容性、用户授权等硬性门槛。
真正容易被忽略的点：很多开发者花数天调试 filter: sepia(0.8) hue-rotate(15deg) 参数，却没意识到——如果用户笔记本 BIOS 里开着「Low Blue Light」模式，那所有 CSS 滤镜都在一个已被硬件截断的色域里运行，参数再精准也白搭。先关掉硬件滤光，再调 HTML 样式，才是合理顺序。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
