優雅降級與逐漸增強

2021-07-24 21:24:07 字數 796 閱讀 5841

漸進增強:針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。

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

區別:優雅降級是從複雜的現狀開始,並試圖減少使用者體驗的供給,而漸進增強則是從乙個非常基礎的,能夠起作用的版本開始,並不斷擴充,以適應未來環境的需要。降級(功能衰減)意味著往回看;而漸進增強則意味著朝前看,同時保證其根基處於安全地帶。

「優雅降級」觀點

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

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

「漸進增強」觀點

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

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

逐漸增強,優雅降級

漸進增強 progressive enhancement 針對低版本瀏覽器進行構建頁面,保證 最基本的功能,然後再針對高階瀏覽器進行效果 互動等改進和追加功能達到更好 的使用者體驗。優雅降級 graceful degradation 一開始就構建完整的功能,然後再針對低版 本瀏覽器進行相容。區別 優...

漸進增強與優雅降級

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

漸進增強與優雅降級

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