优雅降级和渐进增强

 

前提：CSS3出现后，对于一个具体的网站来说，由于低版本的浏览器不支持CSS3，所以在高版本浏览器中使用CSS3新特性，而在低版本浏览器中只保证最基本的功能，不追求和高版本浏览器相同的效果。

渐进增强和优雅增强都关注着不同浏览器下同一网站的表现和体验。但二者的侧重点不一样，所以工作流程也有区别。

 

我认为，渐进增强主要关注网站的内容，要求所有的浏览器都能完整表达网站想要表达的内容，对于效果来说则不是重点；

优雅降级主要关注网站的效果，交互，用户体验这些东西，其次才是各个浏览器能展示出它的内容。所以他们的流程是：

 

渐进增强：　开始就针对低版本浏览器构建网站页面。完成基本的功能；

　　　　　　然后才针对高版本的浏览器进行效果，交互，追加功能达到更好的体验。

 

优雅降级：   开始就针对那些最高级、最完善的浏览器构建站点的完整功能，然后对于各个浏览器进行测试和修复。

　　　　　　比如一开始CSS3构建的完整页面，针对各大浏览器进行HACK使其可以在低版本上正常浏览。

 

具体区别：

 

渐进增强观点则认为应关注于内容本身。内容是我们建立网站的诱因。有的网站展示它，有的则收集它，有的寻求，有的操作，还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。这使得渐进增强成为一种更为合理的设计范例。

 

优雅降级观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，并把测试对象限定为主流浏览器（如 IE、Mozilla 等）的前一个版本。

 

转载于:https://www.cnblogs.com/better2019/p/9340478.html