# 渐进增强

> 先针对最低端的设备/浏览器构建核心功能（保底），然后为支持高级特性的设备添加更丰富的交互（增强）。

- ID: m03514
- 分类: system
- 领域: 系统论

## 定义

先针对最低端的设备/浏览器构建核心功能（保底），然后为支持高级特性的设备添加更丰富的交互（增强）。与“优雅降级”（先做完美的，再修补烂的）相反。脚手架作用：包容性设计。在做产品或政策时，先确保最弱势群体（老人、低网速用户）能用，再给高端用户锦上添花。这保证了系统的最大覆盖面和韧性。

## 机制

Progressive Enhancement：先保证基础内容/功能在任意环境可用(语义HTML)，再按浏览器能力逐层叠加样式、脚本与高级交互；与“优雅降级”方向相反，强调稳健与可访问。

## 练习

以内容为核心写语义结构；用CSS增强表现但不依赖；用JS增强交互且可无JS运行；逐层检测能力。

## 脚手架用法

包容性设计。在做产品或政策时，先确保最弱势群体（老人、低网速用户）能用，再给高端用户锦上添花。这保证了系统的最大覆盖面和韧性。

[阅读网页](https://thinkingmodels.site/entries/detail/m03514)