实际上，渐进增强和优雅降级是一回事吗？答案

【问题标题】：Are progressive enhancement and graceful degradation same thing, practically speaking?实际上，渐进增强和优雅降级是一回事吗？
【发布时间】：2010-06-22 02:25:22
【问题描述】：

渐进式增强和优雅降级基本上是一回事吗？

【问题讨论】：

标签： javascript css accessibility progressive-enhancement

【解决方案1】：

不完全是。他们解决了类似的问题，但从不同的角度。

“优雅降级”意味着您具有出色的功能，并且可以在不支持它的浏览器中处理它不那么出色（但仍需要它以某种方式工作）。图片上的“alt”属性和<noscript>标签就是这样的例子。

“渐进式增强”意味着您从基本内容开始，并希望为支持它的浏览器添加 spiff，而不会破坏那些不支持它的网站。例如，假设您有一个链接列表用作导航菜单。它工作正常，但如果您添加一些 javascript，它可以为您提供弹出菜单、工具提示等等。

基本上，渐进式增强的意思是“从好的内容开始，并尽可能改进它”，而优雅降级的意思是“我认为你可以做这些很酷的事情......但如果你不能......好吧......这里还有一些你可以做的废话。”

猜猜哪个更好。

【讨论】：

所以如果客户在所有浏览器中都需要相同的视觉效果和体验，那么我们不应该得到“渐进式增强”吗？
如果您需要在所有浏览器中获得相同的视觉效果和体验，请制作整个页面的 PNG 或 PDF 或其他内容，否则无论如何您都会被搞砸。可能永远不会有一天每个浏览器都以完全相同的方式做所有事情。（如果他们这样做了，为什么要使用单独的浏览器？）不同之处在于您是庆祝这些差异（通过为“更好”的浏览器提供更酷的体验）还是惩罚它们（通过不可避免地越来越多地破坏不是您最喜欢的浏览器） .

【解决方案2】：

优雅退化是渐进增强的优点或结果之一。如果你正确地进行 PE，如果系统的任何部分发生故障（如 Javascript），页面仍然可以正常工作（如果不美观）。

您可能还会听到“关注点分离”，这是上述内容的一部分。例如，您的 HTML 中没有 CSS，您的业务逻辑中没有 HTML。每个部分都可以独立维护，一个部分的故障不会导致其他部分的故障。

【讨论】：

+1 "优雅降级是渐进增强的优势或结果之一"
如果我的网站在 JavaScript 不可用但内容仍可访问的情况下仅失去视觉效果。这是什么情况？
是的，这个想法是 Javascript 是一种增强功能，但不是页面功能的基础。它使事情变得更好，但不是页面正常运行所必需的。