常用两种策略：

【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（渐进增强）的区别在于：

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

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

优雅降级意味着往回看；

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

转自：