我对渐进增强和优雅降级之间的区别感到困惑。在我看来,它们似乎是相同的东西。
请您解释一下这两者的区别,并说明在什么情况下我应该使用其中之一?
我对渐进增强和优雅降级之间的区别感到困惑。在我看来,它们似乎是相同的东西。
请您解释一下这两者的区别,并说明在什么情况下我应该使用其中之一?
它们几乎完全相同,但它们的上下文不同。
有一类名为 "A Grade Browsers" 的浏览器。这些是您典型的听众成员,可能占您访问者的大多数。您将从这些用户作为基线开始。称之为最佳现代实践。
如果您想要为任何使用Firefox 3.6或Safari 4或其他神奇的开发人员夜间WebKit的人提供更好的体验,则需要做一些令人惊叹的事情,例如
这使您的网站看起来很酷,但不会破坏它。这就是渐进增强。从最佳实践的角度拥抱未来。
另一方面,您的尼ン天堂网站吸引了相当数量的Internet Explorer 5 用户。可怜的你,但你也想确保他们继续回来。您可以通过在外部文件中包含Ajax脚本来为其提供替代解决方案,如果他们的JavaScript未打开,则您的链接可能会更新整个页面。等等。从最佳现代实践的角度来看,您正在确保为某些历史市场提供了一定程度的功能性网站。这就是优雅降级。
它们大部分相同,但在许多开发团队中,它们的优先级有所不同:如果您有时间,渐进增强非常好,但是如果必要,优雅降级通常更为重要。
每个概念的基准线方向都不同。
优雅降级是从理想用户体验水平开始,随着用户代理能力的下降而逐渐降低到最低水平,以满足不支持基准线所使用的某些功能的代理的需求。
渐进增强从广泛的最低用户体验水平开始,并根据用户代理能力逐渐提高到更高的水平,以满足比基准线支持更高级别功能的代理的需求。
如果时间/预算充足,我认为可以同时采用这两种概念。否则,优雅降级会更受青睐。
优雅降级是指计算机、机器、电子系统或网络即使大部分功能已经被破坏或失效,仍能保持有限的功能。优雅降级的目的是防止灾难性故障。
优雅降级是一种解决方案。它是建立网站或应用程序的实践,以便在现代浏览器中为用户提供良好的体验。但对于那些使用旧版浏览器的用户,它将会优雅地降级。系统可能不会像现代浏览器那样美观,但基本功能将在旧系统上正常工作。
一个简单的例子是使用24位透明PNG图像。这些图像可以在现代浏览器上显示而没有问题。Internet Explorer 5.5和Internet Explorer 6会显示图像,但透明效果将失败(如果必要,可以使其正常工作)。不支持PNG的旧版浏览器将显示替代文本或空白空间。
采用优雅降级的开发人员通常规定其浏览器支持级别,例如1级浏览器(最佳体验)和2级浏览器(降级体验)。
渐进增强是一种网页设计策略,强调可访问性、语义化HTML标记和外部样式表和脚本技术。渐进增强以分层方式使用Web技术,使每个人都可以使用任何浏览器或Internet连接访问网页的基本内容和功能,同时为那些具有更高级浏览器软件或更大带宽的用户提供增强版本的页面。
渐进增强与优雅降级类似,但相反。网站或应用程序将为大多数浏览器建立基本的用户体验水平。当浏览器支持时,将添加更高级的功能。
渐进增强不要求我们选择支持的浏览器或回归基于表格的布局。我们选择一种技术水平;即浏览器必须支持HTML 4.01和标准页面请求/响应。
回到我们的图像示例,我们可能决定我们的应用程序应在所有图形浏览器中正常工作。我们可以默认使用较低质量的GIF图像,但在浏览器支持时用24位PNG替换它们。
来源:SitePoint博客
我发现这往往是一种态度问题 - 你是在说“好的,我的网站可以使用Lynx,用户可以做我想让他们做的一切,现在让我们添加一些华丽效果”,还是在说“好的,我的网站在Firefox中可以工作,现在让我们尝试为那些不愿意使用它/关闭JavaScript等的人修复它。”