渐进增强,优雅降级

css3之后出现了两个概念:渐进增强,优雅降级。

渐进增强:一开始构建基础的网站架构,逐渐增强交互功能,

优雅降级满足大部分功能,并向低版本浏览器做兼容

二者区别:

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

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

渐进增强观点则认为应关注于内容本身。请注意其中的差别:我甚至连“浏览器”三个字都没提。内容是我们建立网站的诱因。有的网站展示它,有的则收集它,有的寻求,有的操作,还有的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。这使得渐进增强成为一种更为合理的设计范例。

原文地址:https://www.cnblogs.com/zms-cyh/p/9425952.html

时间: 2024-11-07 15:55:46

渐进增强,优雅降级的相关文章

渐进增强&优雅降级

渐进增强:是一种开发方式,更是一种设计理念.在编写web页面时,首先保证最核心的功能实现,让任何低端的浏览器都能看到站点内容,然后考虑使用高级但非必要的CSS和JavaScript等增强功能,为当前和未来的浏览器提供更好的支持,给用户带来更好的体验.不追求高端浏览器实现多酷炫的效果,最重要的是保证低端浏览器也能正常实现核心功能和效果. 渐进增强比较适合低版本浏览器用户群占的比例比较大的网站. 优雅降级:在设计的时候,主要为高端浏览器使用最新的技术来实现最可观的效果,而低端浏览器只要保证基本可用就

渐进增强 优雅降级

渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能 优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复 渐进增强 : "渐进增强"观点则认为应关注于内容本身 优雅降级: "优雅降级"观点认为应该针对那些最高级.最完善的浏览器来设计网站. 区别: 它们是看待同种事物的两种观点"."优雅降级"和"渐进增强&qu

什么是渐进增强,优雅降级

### 什么是渐进增强 先确保基本的内容能够在所有浏览器中使用,然后再根据浏览器的情况,为那些更加强大的浏览器提供更好的用户体验. ### 什么是优雅降级 和渐进增强恰好相反,先默认所有浏览器都支持某些高级技术,最后根据浏览器的情况,如果某些技术有些浏览器不支持,那么就不在这个浏览器中使用这个高级技术.

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

优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复. 渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能.优雅降级:使用优雅降级方案,Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作.由于IE独特的盒模型布局问题,绝大多数Web设计师和开发者都通过专门的样式表或针对不同版本的IE的hack实践过优雅降级了: 使用优雅降

优雅降级与渐进增强

优雅降级:观点认为应该针对那些最高级,最完善的浏览器来            设计网站,而将那些认为过时或有功能缺失的浏览器下 的测试工作安排在开发周期的最后阶段,并把测试对象   限定为主流浏览器(IE,MOZILLA等)的前一个版本 渐进增强:观点认为应关注内容本身. 内容是建立网站的诱因,有的网站展示它,有的则收集它,有的寻求, 有的网站甚至包含以上所有,但相同点都是他们全都涉及到内容,这使得 渐进增强成为一种更为合理的设计范例,这也是它立即被雅虎说采纳   并用以构建其分级式浏览器支持策

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

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

渐进增强与优雅降级

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

什么叫优雅降级和渐进增强?

优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作.由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效. 渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的.当浏览器支持时,它们会自动地呈现出来并发挥作用.

优雅降级和渐进增强

什么叫优雅降级和渐进增强? 优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会针对旧版本的IE进行降级处理了,使之在旧式浏览器上以某种形式降级体验却不至于完全不能用. 如:border-shadow 渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新版本浏览器才支持的功能,向页面增加不影响基础浏览器的额外样式和功能的.当浏览器支持时,它们会自动地呈现出来并发挥作用. 如:默认使用flash上传,但如果浏览器支持 HTML5 的文件上传功能,则使

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

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