前言#
在開發網頁日常，常會去搜尋語法來實現自己想要的某個功能，但很多時候查到的文件或技術文章沒告訴你，這個語法在各個瀏覽器的相容性。
在 Chrome 上能成功執行，就很開心地繼續開發下去了，結果到最後系統要上線前，瀏覽器測試才發現 IE 執行有問題，就要再花時間回去改 code …
什麼是 Can I use？#
Can I use 是一個專門用來查詢各種前端技術（HTML、CSS、JavaScript API 等）在不同瀏覽器上的支援度的網站。
它會用圖表的方式，清楚地顯示各大主流瀏覽器（Chrome、Firefox、Safari、Edge、IE…）對於某個語法或功能的支援狀況。
為什麼要用 Can I use？#
- 避免踩雷：有些新語法或新功能，並不是所有瀏覽器都支援，直接用在專案裡可能會造成部分用戶無法正常瀏覽。
- 快速查詢：不用再自己去查官方文件或測試，直接輸入關鍵字就能看到支援狀況。
- 支援度一目了然：用顏色區分支援（綠色）、不支援（紅色）、部分支援（黃色），非常直觀。
如何使用 Can I use？#
進入網站
打開 https://caniuse.com/輸入你想查詢的語法或功能
例如：include、grid、fetch等。
支援度圖表
- 綠色：完全支援
- 黃色：部分支援或有 bug
- 紅色：不支援
- 灰色：不知道
查看結果
搜尋結果有更詳細的說明、各瀏覽器版本的支援狀況、已知問題、參考連結等。
每個版本瀏覽器有 released 的時間，以及 user 使用的比例，useage的資料來源為 StatCounter再來看 CSS 的 Grid Layout，這邊會列出在IE 10、11 使用要加上的前綴詞。
結語#
在開發時要用上查到的語法，不妨先花個幾秒鐘在這個網站查查相容性吧!