CSS学习(17)渐进增强和优雅降级

173 阅读2分钟

前言

  • 什么是渐进增强和优雅降级
  • 渐进增强和优雅降级的区别

渐进增强

英语全称progressive enhancement,针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器加入更多页面效果和交互。

优雅降级

英语全称graceful degradation,一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

这两个概念其实并不是一个新的概念,就是以前提到的"向上兼容"和"向下兼容"。渐进增强相当于向上兼容,优雅降级相当于向下兼容。向下兼容指的是高版本支持低版本,或者说后期开发的的版本能兼容早期开发的版本。

区别

优雅降级是从复杂的现状开始并试图减少用户体验的供给,而渐进增强则是从一个基础的、能够起到作用的版本开始再不断扩充,以适应未来环境的需要。

绝大多少的大公司都是采用渐进增强的方式,因为业务优先,提升用户体验永远不会排在最前面。

例如新浪微博网站这样亿级用户的网站,前端的更新绝不可能追求某个特效而不考虑低板本用户是否可用。一定是确保低版本到高版本的可访问性再渐进增强。

如果开发的是一面面向青少面的软件或网站,你明确这个群体的人总是喜欢尝试新鲜事物,喜欢炫酷的特效,喜欢把软件更新至最新版本,这种情况再考虑优雅降级。

总结

  • 什么是渐进增强和优雅降级

渐进增强:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器加入更多页面效果和交互。

优雅降级:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。