【转】优雅降级 渐进加强 两者区别

渐进加强(Progressive Enhancement):一开始就针对低版本浏览器进行构建页面,完成基本的功能,而后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。浏览器

优雅降级(Graceful Degradation):一开始就构建站点的完整功能,而后针对浏览器测试和修复。好比一开始使用 CSS3 的特性构建了一个应用,而后逐步针对各大浏览器进行 hack 使其能够在低版本浏览器上正常浏览。测试

其实渐进加强和优雅降级并不是什么新概念,只是旧的概念换了一个新的说法。在传统软件开发中,常常会提到向上兼容向下兼容的概念。渐进加强至关于向上兼容,而优雅降级至关于向下兼容。向下兼容指的是高版本支持低版本的或者说后期开发的版本支持和兼容早期开发的版本,向上兼容的不多。大多数软件都是向下兼容的,好比说Office2010能打开Office2007,Office2006,Office2005,Office2003等建的word文件,可是用Office2003就不能打开用Office2007,Office2010等建的word文件!网站

两者区别


优雅降级和渐进加强只是看待同种事物的两种观点。优雅降级和渐进加强都关注于同一网站在不一样设备里不一样浏览器下的表现程度。关键的区别则在于它们各自关注于何处,以及这种关注如何影响工做的流程。ui

优雅降级观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过期”或有功能缺失的浏览器下的测试工做安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。在这种设计范例下,旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验。你能够作一些小的调整来适应某个特定的浏览器。但因为它们并不是咱们所关注的焦点,所以除了修复较大的错误以外,其它的差别将被直接忽略。设计

渐进加强观点则认为应关注于内容自己。请注意其中的差异:我甚至连“浏览器”三个字都没提。内容是咱们创建网站的诱因。有的网站展现它,有的则收集它,有的寻求,有的操做,还有的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。这使得渐进加强成为一种更为合理的设计范例。这也是它当即被 Yahoo! 所采纳并用以构建其“分级式浏览器支持 (Graded Browser Support)”策略的缘由所在。对象

相关文章
相关标签/搜索