优雅降级和渐进增强

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

优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会针对旧版本的IE进行降级处理了,使之在旧式浏览器上以某种形式降级体验却不至于完全不能用。

如:border-shadow

渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新版本浏览器才支持的功能,向页面增加不影响基础浏览器的额外样式和功能的。当浏览器支持时,它们会自动地呈现出来并发挥作用。

如:默认使用flash上传,但如果浏览器支持 HTML5 的文件上传功能,则使用HTML5实现更好的体验;

时间: 2024-12-15 07:00:09

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

优雅降级与渐进增强

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

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

之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人的习惯或是强迫性>"<,比如下面这两种: .transition{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .tran

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

优雅降级和渐进增强印象中是随着css3流出来的一个概念.由于低级浏览器不支持css3,但css3的效果又太优秀不忍放弃,所以在高级浏览中使用css3而低级浏览器只保证最基本的功能.咋一看两个概念差不多,都是在关注不同浏览器下的不同体验,关键的区别是他们所侧重的内容,以及这种不同造成的工作流程的差异. 例题如下:.transition{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; tr

关于优雅降级和渐进增强

优雅降级和渐进增强在这里是指开发网页的两种不同的思想, 优雅降级,目的是阻止灾难性的失败, “优雅降级”观点认为应该针对那些最高级.最完善的浏览器来设计网站.而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE.Mozilla 等)的前一个版本. 在这种设计范例下,旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验.你可以做一些小的调整来适应某个特定的浏览器.但由于它们并非我们所关注的焦

(转)优雅降级和渐进增强的区别

之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人的习惯或是强迫性>"<,比如下面这两种: .transition{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .tran

优雅降级和渐进增强的理解:

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

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

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

优雅降级和渐进增强?

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

优雅降级和线性增强

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