客户端考试之渐进增强与优雅降级

优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复。
渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。优雅降级:使用优雅降级方案,Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,绝大多数Web设计师和开发者都通过专门的样式表或针对不同版本的IE的hack实践过优雅降级了;
使用优雅降级技术时,你必须首先完整的实现了网站,其中包括所有的功能和效果。然后再为那些无法支持所有功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效。
渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能。渐进增强是值得所有开发者采用的做法。渐进增强方案并不假定所有用户都支持javascript,而总是提供一种候补方法,确保用户可以访问(主要的)内容。
使用渐进增强时,无需为了一个已成型的网站在旧式浏览器下正常工作而做逆向工程。首先,只需要为所有的设备和浏览器准备好清晰且语义化的HTML以及完善的内容,然后再以无侵入(unobtrusive)的方式向页面增加无害于基础浏览器的额外样式和功能。当浏览器升级时,它们会自动地呈现出来并发挥作用。
想让网站在任何环境下看起来都保持一致是不可能的,不管为此付出多少努力,结局依旧会令你失望。与其试图让IE看起来堪比年轻它十岁的浏览器,不如努力改善网站的可访问性,或是进行更多的可用性测试,而不仅仅是让页面看起来更靓一点。
某些CSS3特性在不支持它的浏览器中简直是无法模拟实现的,但若使用渐进增强,就无需为了能让你的网站适合所有人而放弃这些技术。仅仅因为部分人不愿或不能升级浏览器,却让使用新型浏览器的用户无法享受CSS3所提供的伟大技术,这是毫无道理可言的。
我们应该先让网站能够正常工作于尽可能旧的浏览器上,然后不断为它在新型浏览器上实现更多的增强和改进。随着时间的推移,当越来越多的人开始升级浏览器而浏览器本身的支持度也不断提升时,就会有越来越多的人体验到这些增强和改进,它持续有效的使网站越来越好,却如需你刻意做什么。
时间: 2024-10-25 21:22:28

客户端考试之渐进增强与优雅降级的相关文章

渐进增强和优雅降级之间的区别在哪里?

写在前面: 在前端开发的过程中,如果有注意的话,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,这就引出了两个概念:优雅降级和渐进增强. 渐进增强和优雅降级概念出现的原因: 翻看进度条,会发现渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的.由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以产生了的一种解决方式在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能. 何谓渐

网页设计时的渐进增强和优雅降级原则

渐进增强和优雅降级是两种不同的网页设计思想,是两种相反的思路达到同样的效果. 优雅降级:设计网页时,首先满足主流浏览器和最新版本浏览器的所有效果和互动.然后在此基础上,对非主流浏览器 和较低版本的浏览器进行效果删减来兼容,最终完成所有浏览器均能适用的方法.一般在学习过程中,均采用 该方法. 渐进增强:顾名思义,是在网页制作过程中,首先满足能适应由低到高,非主流到主流所有浏览器都能适用的网页,再针对高版本 浏览器和主流浏览器来添加高级效果和互动,最终让网页能适应所有浏览器的方法. 两种方法各有优劣

渐进增强和优雅降级

在网页编写中,有时候需要兼容高版本浏览器,有时候要兼容低版本浏览器,也就是我们常说的渐进增强和优雅降级.渐进增强:确定人群后,针对低版本浏览器构建页面,保证基本功能:再针对高级浏览器进行效果.交互.性能等进行改进,追加功能:优雅降级:一开始构建完整的功能,再针对低版本浏览器进行兼容:那什么时候需要渐进增强,什么时候需要优雅降级呢?首先,我们在网页开发中,都是以用户为核心的,在确定用户群体之后,根据用户的特性,所用浏览器的版本来决定增强还是降级.

渐进增强,优雅降级?

渐进增强(Progressive Enhancement)与优雅降级(Graceful Degradation) 2017-05-19 在以前,有一个说法:向上兼容.向下兼容.现在的渐进增强就相当于向上兼容,优雅降级相当于向下兼容.无论是增强还是降级都与兼容相关,所以二者都是为提升兼容性而提出的. 其意是: 确定目标群体客户: 满足基本的功能,逐渐增强功能交互效果等: 保证基本功能的同时,逐渐向低版本兼容. 写法 eg: 参考资料:如何选择渐进增强,优雅降级.需警惕css3属性的书写顺序

渐进增强,优雅降级

css3之后出现了两个概念:渐进增强,优雅降级. 渐进增强:一开始构建基础的网站架构,逐渐增强交互功能, 优雅降级:满足大部分功能,并向低版本浏览器做兼容 二者区别: 优雅降级和渐进增强只是看待同种事物的两种观点.优雅降级和渐进增强都关注于同一网站在不同设备里不同浏览器下的表现程度.关键的区别则在于它们各自关注于何处,以及这种关注如何影响工作的流程. 优雅降级观点认为应该针对那些最高级.最完善的浏览器来设计网站.而将那些被认为"过时"或有功能缺失的浏览器下的测试工作安排在开发周期的最后

杂谈:渐进增强与优雅降级

作为一名前端开发人员,最头疼的莫过于浏览器兼容.远古时期万恶的IE6,到现在CSS3不兼容的IE7/8.为了保证不同版本浏览器都有共同或更优化的用户体验,前端搬砖的我们不得不与浏览器兼容顽强斗争.而渐进增强和优雅降级两种不同的开发流程,也是在我们项目初期做调研选型时会考虑的一个点. 渐进增强(Progressive Enhancement) 一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果.交互.追加功能达到更好的体验. 优雅降级(graceful degrad

渐进增强与优雅降级

什么是优雅降级? 优雅降级(graceful degradation) 一开始就构建站点的完整功能,然后针对浏览器测试和修复. ps: 比如一开始使用 css3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack,使其可以在低版本浏览器上正常浏览. Code demo .transition{ -webkit-transition: all .5s; /* webkit 内核 */ -moz-transition: all .5s; /* firefox 内核 */ transition

所谓的渐进增强,优雅降级?

什么是渐进增强(progressive enhancement).优雅降级(graceful degradation)呢? 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果.交互等改进和追加功能达到更好的用户体验. 优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容. 区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础

渐进增强和优雅降级之间的区别

渐进增强 progressive enhancement: 针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果.交互等改进和追加功能达到更好的用户体验.优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容. 区别: 优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要.降级(功能衰减)意味着往回看:而渐进增强则意味着朝前看,同时保