概述`prefers-reduced-data` 表示用户偏好减少数据使用。可用于降低图片与视频质量、减少预加载与并发,联合 `Save-Data` 与网络信息实现分层优化。用法/示例@media (prefers-reduced-data: reduce) { .hero { background-image: none } } const reduceData = matchMedia('(prefers-reduced-data: reduce)').matches if (reduceData) setLowDataMode() 工程建议与 `Save-Data` 与 `navigator.connection` 联合判断,分层降级资源策略。在关键路径保留必要资源,避免过度降级影响功能;为用户提供切换入口。记录节省效果与用户反馈,迭代策略与覆盖范围。参考与验证MDN:`prefers-reduced-data` — https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-dataweb.dev:Data preferences — https://web.dev/articles/prefers-reduced-data

发表评论 取消回复