优雅降级和渐进增强

170 阅读2分钟

优雅降级和渐进增强

为什么要有优雅降级和渐进增强

两者对我们前端开发者来说都是非常有用的,这能够让我们更好的考虑用户的体验。

主要是为了去适配不同浏览器的版本差异,折中的适应一个版本慢慢的升级或者慢慢的降级,能够给到使用该页面或者系统的用户一个良好的体验。

渐进增强

他的最先关注点就是在于先针对低版本的浏览器进行开发,当开发完大部分的功能时,查看是否能拥有最基本的功能,然后在实现这些的基础上再去做针对高级浏览器更多的用户体验和交互,使用这种方式进行开发我们考虑兼容问题相对较少。在我们想要使用高级的功能时,回想在低版本上会不会影响用户的使用,不影响的话就加上给高版本使用一下。

先开发低版本的所有功能
慢慢升级一些用户体验和交互
最后考虑兼容,不影响使用可以加上

image.png

优雅降级

优雅降级刚好是跟前面的渐进增强是反过来的。

一开始上面就先对一些高版本的浏览器进行开发构建一个相对完善功能健全的页面,之后才对一些低版本浏览器进行兼容,就是说会对低版本浏览器进行淘汰了。这样的话他要考虑的兼容问题就会多一些,比如在一些HTML5或者CSS3,有些功能在低版本中是实现不了的,如果有兼容设置的话就给他安排上,没有的话说明官方也不是很认可这些低版本浏览器了。

刚开始直接开发高版本功能
开始慢慢适配低版本
一些新特性的话,没有兼容也做不了了

image.png

区别所在

两者的区别主要在于开发过程中所关注的点不同

优雅降级更关注功能的实现,会减少对用户体验的供给

渐进增强先使用低版本开发,到保证基本功能的前提下,逐步向高级浏览器迈进

两种策略的使用

主要在于应用程序的需求和目标用户的设备和浏览器分布情况