如何在使用新技術前評估其瀏覽器兼容性

這裏向你們推薦兩個網站：caniuse.com以及html5test.com，你們在使用新技術前，能夠在這兩個網站上看看瀏覽器的支持狀況，看看本身能不能接受，同時也考慮一下能不能優雅降級。

caniuse.com

域名能夠用can i use（我能使用……嗎？）來記憶。 這個網站提供了兩種方式給用戶提供瀏覽器兼容性的信息：

1. 分類索引，在首頁，caniuse.com按CSS、HTML5、SVG、JS API、OTHER這幾個分類來對瀏覽器的新技術進行索引。
2. 關鍵詞搜索。

在具體某項技術的頁面下，能夠看到當前主流瀏覽器（包括IE6/7/8……）的支持狀況，也能夠選擇查看全部瀏覽器的支持狀況，目前有這麼幾種狀態：

1. 不支持。
2. 不支持，但經過特殊手段能夠支持或部分支持。
3. 部分支持。
4. 支持。
5. 未知。

另外，第一次進入該網站時，該網站會讓你設置你所在的位置，好比「中國」，那麼在顯示具體某項技術的瀏覽器兼容性的列表中，除了會顯示世界上此瀏覽器的份率外，還會顯示你的國家的瀏覽器份率，很是接地氣。 除了列出瀏覽器兼容性外，該網站還會列出各項技術的相關資源，包括文檔、polyfill、DEMO等。

---

HTML5test.com

HTML5test.com跟caniuse.com有點相似，都是顯示各個瀏覽器對新技術的兼容狀況，這裏重點說一下不一樣的點：

1. 能夠測試用戶當前所用瀏覽器的兼容性狀況，這點對於最新的瀏覽器以及非主流（世界範圍內）的瀏覽器是頗有必要的。
2. 對於瀏覽器部分支持的技術，可看到詳細的列表，列出哪部分支持，哪部分不支持。
3. 有一些瀏覽器兼容性方面的統計跟比較，對具體技術的應用幫助不大，可做爲談資吧。