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

2022-08-05 14:09:08 字數 839 閱讀 6925

這裡向大家推薦兩個**:caniuse.com以及html5test.com,大家在使用新技術前,可以在這兩個**上看看瀏覽器的支援情況,看看自己能不能接受,同時也考慮一下能不能優雅降級。

分類索引,在首頁,caniuse.comcsshtml5svgjs apiother這幾個分類來對瀏覽器的新技術進行索引。

在具體某項技術的頁面下,可以看到當前主流瀏覽器(包括ie6/7/8……)的支援情況,也可以選擇檢視所有瀏覽器的支援情況,目前有這麼幾種狀態:

不支援。

不支援,但通過特殊手段可以支援或部分支援。

部分支援。

支援。未知。

另外,第一次進入該**時,該**會讓你設定你所在的位置,比如“中國”,那麼在顯示具體某項技術的瀏覽器相容性的列表中,除了會顯示世界上此瀏覽器的份率外,還會顯示你的國家的瀏覽器份率,非常接地氣。

除了列出瀏覽器相容性外,該**還會列出各項技術的相關資源,包括文件、polyfill、demo等。

html5test.comcaniuse.com有點類似,都是顯示各個瀏覽器對新技術的相容情況,這裡重點說一下不同的點:

可以測試使用者當前所用瀏覽器的相容性情況,這點對於最新的瀏覽器以及非主流(世界範圍內)的瀏覽器是很有必要的。

對於瀏覽器部分支援的技術,可看到詳細的列表,列出哪部分支援,哪部分不支援。

有一些瀏覽器相容性方面的統計跟比較,對具體技術的應用幫助不大,可作為談資吧。

本文**於:如何在使用新技術前評估其瀏覽器相容性