什么是渐进增强和优雅降级?它们有什么不同?

326 阅读2分钟

什么是渐进增强和优雅降级?它们有什么不同?

介绍:渐进增强和优雅降级是在css3出现之后火起来的,由于低级浏览器不支持css3,但是css3的样式又特别优秀,所以在高级浏览器会应用css3样式,在低级浏览器只保证基本的功能。

渐进增强

在网页开发中,渐进增强认为应该专注内容本身,一开始对低版本的浏览器构建页面,满足最基本的功能,再针对高级浏览器进行效果、交互、追加各种功能。通俗的讲就是以最低要求,实现最基础的功能为基本,然后再向上兼容。

transition{

-webkit-border-radius:30px 10px;

-moz-border-radius:30px 10px;

border-radius:30px 10px;

}

优雅降级

在网页开发中,优雅降级指的是一开始针对一个高版本的浏览器构建页面,先完善所有的功能,然后针对各个不同的浏览器进行测试,修复,保证低级浏览器也有基本功能就好。也就是以高要求,高版本为基础,然后再向下兼容。

transition{

border-radius:30px 10px;

-moz-border-radius:30px 10px;

-webkit-border-radius:30px 10px;

}

二者区别

1:如果采用的是渐进增强的开发流程,先做一个基本功能,然后针对各个浏览器进行渐进增加,增加各种功能,相对比优雅降级来说,开发周期长,初期投入的资金大,但是提供了及哦啊好的平台稳定性,维护起来资金小,长期可以降低开发成本。

2:如果采用的是优雅降级,可以在较短的时间内开发出一个只用于一个浏览器的完整功能板,可以拿去测试,市场试水,对于功能尚未确定的产品,优雅降级则是一种节约成本的方法。

总结:两者如何选择,看开发时间是否充裕,资金到位; 如果开发时间充裕,资金到位,就使用渐进增强。