漸進增強 優雅降級

2021-06-22 23:22:32 字數 935 閱讀 5172

何為漸進增強、優雅降級

常用兩種策略:要麼優雅降級(graceful degradation,一開始就構建站點的完整功能,然後針對瀏覽器測試和修復),要麼漸進增強(progressive enhancement,一開始只構建站點的最少特性,然後不斷針對各瀏覽器追加功能。

兩者間的(微妙)差別

萬一你正撓著後腦勺,試圖找出「優雅降級」和「漸進增強」之間的差別,那麼我可以告訴你:「它們是看待同種事物的兩種觀點」。「優雅降級」和「漸進增強」都關注於同一**在不同裝置裡不同瀏覽器下的表現程度。關鍵的區別則在於它們各自關注於何處,以及這種關注如何影響工作的流程。

「優雅降級」觀點

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

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

「漸進增強」觀點

「漸進增強」觀點則認為應關注於內容本身。請注意其中的差別:我甚至連「瀏覽器」三個字都沒提。

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

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

漸進增強 VS 優雅降級

一圖勝千言 印象中,漸進增強和優雅降級這兩個概念是在 css3 出現之後火起來的。由於低階瀏覽器不支援 css3,但是 css3 特效太優秀不忍放棄,所以在高階瀏覽器中使用css3,而在低階瀏覽器只保證最基本的功能。二者的目的都是關注不同瀏覽器下的不同體驗,但是它們側重點不同,所以導致了工作流程上的...

漸進增強與優雅降級

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

漸進增強與優雅降級

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