zoukankan      html  css  js  c++  java
  • 渐进增强 优雅降级

    常用两种策略:

    【1】 优雅降级(graceful degradation),一开始就构建站点的完整功能,然后针对浏览器测试和修复,

    【2】 渐进增强(progressive enhancement),一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。 

    “优雅降级”

    什么是优雅降级?就是随着浏览器版本的向前,网站的优雅程度逐渐降低,也就是我们在开发网站应用时,先关注我们的应用是否能在最新的浏览器上运行,在开发末期,才去考虑把让老版本的浏览器支持我们的一些关键功能,但是其已经缺少了足够的优雅性,或者说没有很好的用户体验。一个比较典型的开发过程就是:我们现在FireFox上开发项目,然后针对比如IE版本的浏览器,修复不兼容的地方和去除那些无法被IE实现的功能。

    “优雅降级”认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

    在这种设计范例下,旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点,因此除了修复较大的错误之外,其它的差异将被直接忽略。

    “渐进增强”

    针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果,交互等改进和追加功能达到更好的用户体验。

    把网站的开发划分为三个部分,第一部分是最基础的部分,就是html部分,一定要让所有具体的细节都得到展示,并在所有浏览器上都进行测试,保证站点页面在低级浏览器中的可用性和可访问性的基础上,再去开发其他部分;第二部分是CSS,当然,可能不会有所有浏览器都支持,但是起码他们的基本显示不成问题了;第三部分是JS,我们使用内容和行为相分离的方式,也就是使用外部JS的方式。  所以这种渐进增强的方式也是我们使用外部链接来引入CSS和JS的原因,这样我们就防止浏览器因不能解析html标签中的CSS和JS而不能显示最基本的内容。

    GD(优雅降级)和PE(渐进增强)的区别在于:

    优雅降级是从复杂的现状开始,并试图减少用户体验的供给,

    而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。

    优雅降级意味着往回看;

    而渐进增强则意味着朝前看,同时保证其根基处于安全地带。

    转自:http://www.w3cfuns.com/notes/17920/a0f65af986baed920ddbc06d34ec947a.html

    http://www.myexception.cn/internet/925748.html

    http://blog.csdn.net/xiongzhengxiang/article/details/7999525

    https://www.tongbiao.xyz/
  • 相关阅读:
    hdoj5813【构造】
    Codeforces645B【树状数组求逆序数】
    pojcoin【未完待续】
    hdoj5818【模拟】
    poj2385【基础DP】
    poj3069【贪心,水】
    谦虚
    poj3617【贪心】
    poj2229【完全背包-规律Orz...】
    poj3176【简单DP】
  • 原文地址:https://www.cnblogs.com/tongbiao/p/6829698.html
Copyright © 2011-2022 走看看