優雅降級與漸進增強

2022-09-20 07:30:12 字數 606 閱讀 1829

這兩個概念是隨著css3流行起來的,

漸進增強:先針對低版本進行構建頁面,保證最基本的功能。然後針對高階別的版本再進行優化,提公升更好的使用者體驗。

優雅降級:一開始就進行構建完整的功能,然後再進行低版本瀏覽器進行相容。

***「優雅降級」觀點

「優雅降級」觀點認為應該針對那些最高端、最完善的瀏覽器來設計**。而將那些被認為「過時」或有功能缺失的瀏覽器下的測試工作安排在開發周期的最後階段,並把測試物件限定為主流瀏覽器(如 ie、mozilla 等)的前乙個版本。

在這種設計範例下,舊版的瀏覽器被認為僅能提供「簡陋卻無妨 (poor, but passable)」 的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏覽器。但由於它們並非我們所關注的焦點,因此除了修復較大的錯誤之外,其它的差異將被直接忽略。

「漸進增強」觀點

「漸進增強」觀點則認為應關注於內容本身。

內容是我們建立**的誘因。有的**展示它,有的則收集它,有的尋求,有的操作,還有的**甚至會包含以上的種種,但相同點是它們全都涉及到內容。這使得「漸進增強」成為一種更為合理的設計範例。這也是它立即被 yahoo! 所採納並用以構建其「分級式瀏覽器支援 (graded browser support)」策略的原因所在。

漸進增強與優雅降級

漸進增強 progressive enhancement 一開始就針對低版本瀏覽器進行構建頁面,完成基本的功能,然後再針對高階瀏覽器進行效果 互動 追加功能達到更好的體驗。優雅降級 graceful degradation 一開始就構建站點的完整功能,然後針對瀏覽器測試和修復。比如一開始使用 css...

漸進增強與優雅降級

漸進增強 div1 優雅降級 div1帶css3字首的3個滿足了大部分瀏覽器,而不帶字首的只有最新的一部分瀏覽器才支援。漸進增強 觀點認為應關注於內容本身。內容是建立 的誘因,我們應該在滿足向絕大部分使用者呈現有用內容的前提下,再做渲染內容或更高階功能的事情。優雅降級 觀點則認為應該針對那些最高端 ...

漸進增強與優雅降級

優雅降級 graceful degradation 一開始就構建站點的完整功能,然後針對瀏覽器測試和修復。ps 比如一開始使用 css3 的特性構建了乙個應用,然後逐步針對各大瀏覽器進行 hack,使其可以在低版本瀏覽器上正常瀏覽。transition漸進增強 progressive enhance...