天天看點

頁面建構的方式 漸進增強和優雅降級

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

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

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

“優雅降級”觀點

“優雅降級”觀點認為應該針對那些最進階、最完善的浏覽器來設計網站。而将那些被認為“過時”或有功能缺失的浏覽器下的測試工作安排在開發周期的最後階段,并把測試對象限定為主流浏覽器(如 ie、mozilla 等)的前一個版本。

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

“漸進增強”觀點

“漸進增強”觀點則認為應關注于内容本身。

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

那麼問題來了。現在産品經理看到ie6,7,8網頁效果相對高版本現代浏覽器少了很多圓角,陰影(css3),要求相容(使用圖檔背景,放棄css3),你會如何說服他?

作為前端的我們是不是該好好考慮一下這個問題呢

繼續閱讀