瀏覽器兼容的思路

要不要做

  • 產品的角度(產品的受眾、受眾的瀏覽器比例、效果優先還是基本功能優先)
  • 成本的角度 (有無必要做某件事)

做到什么程度

  • 讓哪些瀏覽器支持哪些效果

如何做

  • 根據兼容需求選擇技術框架/庫(jquery)
1. Bootstrap (>=ie8)
2. jQuery 1.~ (>=ie6), jQuery 2.~ (>=ie9)
3. Vue (>= ie9)
4. ...
  • 根據兼容需求選擇兼容工具(html5shiv.js、respond.js、css reset、normalize.css、Modernizr)
  • postCSS
  • 條件注釋、CSS Hack、js 能力檢測做一些修補

漸進增強和優雅降級

  • 漸進增強 (progressive enhancement)
    針對低版本瀏覽器進行構建頁面,保證最基本的功能,然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。

  • 優雅降級 (graceful degradation)
    一開始就構建完整的功能,然后再針對低版本瀏覽器進行兼容。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1 92
  • 什么是css hack css hack 由于不同廠商的瀏覽器,比如Internet Explorer、 Safa...
    饑人谷_羅丹閱讀 407評論 0 0
  • 1.什么是 CSS hack? 由于不同廠商的瀏覽器,比如Internet Explorer,Safari,Moz...
    FLYSASA閱讀 324評論 0 0
  • My code: My test result: 這次題目我的代碼運行素的比較慢,估計原因就是因為我設計了子函數,...
    Richardo92閱讀 379評論 0 1
  • 昨天遇到個富二代,說自己是什么集團公司的接班人。我都忍不住笑出聲了,一個集團算什么,事業能有多大,我在靈壽上小學時...
    后院生態農場閱讀 330評論 0 0