渐进增强和优雅降级有什么区别？

Question

我对两者之间的区别感到困惑 渐进增强 和 优雅的降级. 。对我来说，它们似乎是同一件事。

您能否向我解释一下两者之间的区别以及在哪种情况下我会使用其中一种？

Answer 1

它们几乎完全相同，但上下文不同。

有一种浏览器称为“A 级浏览器”。这些是您的典型受众成员，（可能）构成您的访问者的大多数。您将从这些用户的基线开始。打电话给这个 最佳现代实践.

如果你想 提高 任何碰巧使用 FF3.6 或 Safari 4 或其他一些whizbang 开发人员 nightly webkit 的人的体验，你会想做一些很棒的事情，比如

• 通过CSS实现圆角
• 阴影文本（但上帝保佑，不要太多）
• 阴影（见上面的括号）

这些使您的网站看起来很酷，但不会破坏它。这是 渐进增强. 。从当下的角度拥抱未来 最佳实践.

另一方面，您的任天堂网站吸引了相当多的 IE5 用户。可怜的你，但你也想确保他们不断回来。您可以通过将 ajax 脚本包含在外部文件中来提供 ajax 行为的替代方案，如果它们的 JS 未打开，则您的链接可能会更新整个页面。ETC。从以下角度来看 最佳现代实践, ，您要确保某些历史市场得到满足 有点像功能性网站. 。这是 优雅降级.

它们大部分是相同的，但对于许多开发团队来说，优先级不同：如果有时间的话 PE 很好，但是 GD 经常 必要的

Answer 2

如果您的网站看起来在所有浏览器一样好，但是某些浏览器得到的，比如说，跳舞的小马因为支持跳舞的小马，那么这就是渐进增强。它适用于所有的浏览器，但某些浏览器获得一些额外的。通常该术语适用于某些JavaScript特性，其可以增强可用性超越“原始HTML”。

如果您的网站只关注你打算在完全支持，比方说，CSS3浏览器的方式，IE8-将显示在同一页面没有，比如说，圆角，那么这就是优雅降级。该网站是真正的意思为国家的最先进的浏览器，但它仍然在旧的浏览器可以使用，只是没有看中。

在最后，他们真的同样的事情，从两个不同的角度看。

Answer 3

从一个选定的基线作为每个概念是不同的。

的方向

在一个理想的用户经验水平适度弱化开始和减小，这取决于用户代理能力下降到最低水平，餐饮对于不支持由基线使用的某些特征的试剂。

逐行增强开始于一个宽最小的用户体验，并且根据用户代理能力达一个更强大的电平增加，餐饮代理商的支持更先进的功能比基线。

我认为，人们可以使用这两个概念，如果时间/预算许可。如果没有，那么适度退化将是优选的。

Answer 4

对不起复活的东西的方式一岁多，但觉得我可以对此事作出贡献，在一些小方法，我自己的看法。

虽然我既亚历MCP和deceze在某种程度上同意，术语“优雅降级”和“渐进增强”具有从我的立场稍微不同的含义。

优雅降级，很多的时间（在我看来），似乎更棍打一个应用程序就范它在我的经验首先建成厉害了。喜欢一个人建立了一些广大的JavaScript对象，它为用户提供了一些真正酷玩，直到经理来一起测试的事情，每个人都尖叫着跑投掷武器，当它周围谈到他们的注意，他们的应用程序无法正常工作在浏览器的35％。的 “有人更好地提供此回退。”

渐进增强虽然（和它的这样一个更好的术语说太多）将在我看来更多的是关于建筑的东西，只是作品，在入门级的，无处不在，通过最基本的方法可提供所有功能的用户的需求。这可以被添加到与整洁的小帮手不显眼，造型等，实际上提高相关应用程序的用户体验，而不是仅仅让勉强可用。 “这看起来很酷。它工作在IE6。哦，是的，它确实”的

我想也许让风格的前两个术语在这里两个答案的那种忽略了一个例子真正的潜在的可用性问题是渐进增强经常就其本质而言，其中的曼妙解决了降解忽略，直到出了问题。

咆哮超过... 的

Answer 5

优雅降级是构建Web功能，因此，它提供的用户体验，更现代的浏览器一定水平的做法，但它也将降低到正常的用户在旧的浏览器体验一个较低的水平。这种较低的水平是不是很好用网站访客，但它仍然为他们提供他们来到您的网站使用的基本功能;事情并没有打破他们。

渐进增强是相似的，但它的东西倒过来。您可以通过建立的用户体验，所有的浏览器将能够使你的网站时提供一个基本的水平开始，但你也建立在更高级的功能，它会自动提供给浏览器，可以使用它。

换句话说，从复杂性和尝试的现状定为较小的经验，而从一个非常基本的，工作示例渐进增强启动优雅降级开始并允许恒定扩展用于将来的环境。优雅地降解手段回首而逐步增强机构期待，同时保持你的脚在硬地上。

Answer 6

优雅的降级

优雅降级 即使已经破坏或渲染了大部分功能，计算机，机器，电子系统或网络的能力也能保持有限的功能。优雅退化的目的是防止灾难性失败。

优雅降级是一种解决方案。这是构建网站或应用程序的实践，因此它可以在现代浏览器中提供良好的用户体验。然而，对于那些使用旧浏览器的人来说，它会优雅地降级。该系统可能不那么令人愉快或漂亮，但基本功能可以在旧系统上运行。

一个简单的例子是使用 24 位 alpha 透明 PNG。这些图像可以毫无问题地显示在现代浏览器上。IE5.5和IE6可以显示图像，但透明效果会失败（如果需要的话可以使其起作用）。不支持 PNG 的旧版浏览器会显示替代文本或空白区域。

采用优雅降级的开发人员通常会指定他们的浏览器支持级别，例如1 级浏览器（最佳体验）和 2 级浏览器（降级体验）。

渐进增强

渐进增强 是强调可访问性，语义HTML标记以及外部样式表和脚本技术的策略。渐进式增强功能以​​分层的方式使用Web技术，使每个人都可以使用任何浏览器或Internet连接访问网页的基本内容和功能，同时还向具有更高级浏览器软件或更大带宽的人提供了增强版本的页面。

渐进增强与优雅降级的概念类似，但方向相反。网站或应用程序将为大多数浏览器建立基本的用户体验。当浏览器支持时，将添加更高级的功能。

渐进增强不需要我们选择支持的浏览器或恢复到基于表格的布局。我们选择技术水平；IE。浏览器必须支持 HTML 4.01 和标准页面请求/响应。

回到我们的图像示例，我们可能会决定我们的应用程序应该在所有图形浏览器中运行。我们可以默认使用质量较低的 GIF 图像，但当浏览器支持时将其替换为 24 位 PNG。

---

链接

维基百科： 渐进增强 和 优雅降级（容错）

来源 ： 站点点博客

Answer 7

我觉得它往往是态度 - 你说“没关系，我的网站的作品与山猫，用户可以做的一切，我希望他们能够做到，现在让我们添加一些派头”，或者，你说“没关系，我的网站在Firefox，现在可以尝试修复它为人们不愿意使用/关闭谁关的JavaScript的/ etc“

Answer 8

，使其更容易，只需设置在顶部的栏右键则可以忽略逐步增强。当一个新的功能出来提高你的吧;）

或备选地，设置你的酒吧来的最低水平（山猫吧？），只是使用渐进增强。