前提:CSS3出现后,对于一个具体的网站来说,由于低版本的浏览器不支持CSS3,所以在高版本浏览器中使用CSS3新特性,而在低版本浏览器中只保证最基本的功能,不追求和高版本浏览器相同的效果。
渐进增强和优雅增强都关注着不同浏览器下同一网站的表现和体验。但二者的侧重点不一样,所以工作流程也有区别。
我认为,渐进增强主要关注网站的内容,要求所有的浏览器都能完整表达网站想要表达的内容,对于效果来说则不是重点;
优雅降级主要关注网站的效果,交互,用户体验这些东西,其次才是各个浏览器能展示出它的内容。所以他们的流程是:
渐进增强: 开始就针对低版本浏览器构建网站页面。完成基本的功能;
然后才针对高版本的浏览器进行效果,交互,追加功能达到更好的体验。
优雅降级: 开始就针对那些最高级、最完善的浏览器构建站点的完整功能,然后对于各个浏览器进行测试和修复。
比如一开始CSS3构建的完整页面,针对各大浏览器进行HACK使其可以在低版本上正常浏览。
具体区别:
渐进增强观点则认为应关注于内容本身。内容是我们建立网站的诱因。有的网站展示它,有的则收集它,有的寻求,有的操作,还有的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。这使得渐进增强成为一种更为合理的设计范例。
优雅降级观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。