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

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

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

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

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

不支援。

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

部分支援。

支援。未知。

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

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

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

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

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

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

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

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

這裡向大家推薦兩個 caniuse.com以及html5test.com,大家在使用新技術前,可以在這兩個 上看看瀏覽器的支援情況,看看自己能不能接受,同時也考慮一下能不能優雅降級。分類索引,在首頁,caniuse.com按css html5 svg js api other這幾個分類來對瀏覽器的新...

如何在瀏覽器中執行 VS Code?

摘要 web ide新時代!原文 有趣的專案 在瀏覽器中執行 visual studio code 以下示例均基於coder當前版本 1.691 後續版本中可能會發生變化,因此如果執行有問題的話,建議參考 coder 官網。假如你的機器已經安裝了docker的話,那麼該方式是最簡便的。由於docke...

Google Chrome瀏覽器中如何使用命令

分步閱讀 google chrome瀏覽器有很多的特性在介面選單中是沒有體現的,你可以通過 chrome 命令 來訪問。通過在google chrome瀏覽器中使用命令,可以提高效率。開啟google chrome瀏覽器,在瀏覽器位址列中輸入命令 chrome plugins 或 about plu...