Skip to content

Latest commit

 

History

History
29 lines (18 loc) · 2.12 KB

优雅降级和渐进增强.md

File metadata and controls

29 lines (18 loc) · 2.12 KB

优雅降级和渐进增强

渐进增强

渐进增强(Progressive enhancement)是一种设计理念,其核心是为尽可能多的用户提供基本内容和功能,同时进一步为现代化浏览器用户提供最佳体验,运行所有需要的代码。

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

在 Web 设计时,需要强调可访问性、语义化 HTML 标签、外部样式表和脚本。保证所有人都能访问页面的基本内容和功能,同时为高级浏览器和高带宽用户提供更好的用户体验。核心原则如下:

  • 所有浏览器都必须能访问基本内容
  • 所有浏览器都必须能使用基本功能
  • 所有内容都包含在语义化标签中
  • 通过外部 CSS 提供增强的布局
  • 通过非侵入式、外部 JavaScript 提供增强功能
  • 尊重最终用户的 Web 浏览器首选项

渐进增强的选择:媒体查询、JavaScript Polyfill 和 JavaScript 检测库(例如 Modernizr)等。

优雅降级

优雅降级(Graceful degradation)是一种设计理念,其核心是尝试构建可在最新浏览器中运行的现代网站/应用程序,而作为降级体验,在低版本浏览器中仍然提供必要的内容和功能。

换句话讲,就是一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

更多资料