前端工程師的 caniuse

語言: CN / TW / HK

如果你是前端工程師的話,你應該對 caniuse 這個網站會比較熟悉。

這個網站的作用就是 對 CSS,JS 的一些相容性問題,並且都從它反饋的相容性資料中獲益,讓我們的線上專案更加穩定、和諧的跑在使用者電腦裡。

簡單來說就是因為使用者使用的瀏覽器版本很多,不是所有的 JS 語法都能夠在所有瀏覽器裡面執行的,這個網站能夠讓你通過對方法的一些查詢來儘量取得最大公約數。

使用

如果你想查詢一個函式 concat,你可以直接對這個函式進行搜尋。

 

2021-08-23_16-56-02

 

 

在搜尋的結果中,你可以可以看到上面針對不同瀏覽器的版本的支援情況。

灰色的顯示的是不清楚對當前選擇的瀏覽器來說能否支援這個功能。

每當增加一個新特性時,都要對以上瀏覽器列表以及對應版本列表進行實測,特性的測試可使用以下兩個官方推薦的網站 https://www.browserstack.com 和 http://saucelabs.com

瀏覽器資訊統計

ccaniuse關於瀏覽器的資料,主要都來源於 https://gs.statcounter.com/ 此網站統計了全球以及各國的瀏覽器使用情況。

例如當前這個時間段全球的瀏覽器使用情況。

 

2021-08-23_16-59-25

 

 

從上面的圖不難看出 Chrome 還是在瀏覽器裡面佔據主流的情況。

 

https://www.ossez.com/t/caniuse/13702