Can I Use(caniuse.com)是一個免費、免註冊的瀏覽器相容性查詢站,用來回答前端開發的日常問題:某項 HTML、CSS 或 JavaScript 功能,在哪些瀏覽器與版本中可以正常使用。站內每項功能以一張按瀏覽器、按版本排列的支援表格呈現,區分完整支援、部分支援、需要前綴、預設停用等狀態,並附上規範狀態、使用率統計與已知問題。與文件型網站相比,它可核實的特色在於:把支援情況與全球及地區使用率資料直接結合,且所有支援資料以 CC BY 4.0 授權開放,被 Browserslist 等前端工具鏈廣泛重用。

站點速覽

  • 網址:https://caniuse.com/
  • 類型:Web 前端技術瀏覽器相容性參考
  • 費用:免費;頁面含 Google AdSense 廣告,BrowserStack 為贊助方
  • 註冊要求:無需註冊;匯入 Google Analytics 使用率資料需授權 Google 帳號,向資料集提交修改需 GitHub 帳號
  • 介面語言:英文

站點背景

網站由 Alexis Deveria 建立並持續維護,現行介面設計由 Lennart Schoors 於 2014 年主導完成,資料更新來自作者與 GitHub 社群的共同貢獻(About)。Mozilla 在 2019 年的報導中提到,該專案當時已有超過十年歷史,原始資料倉庫自 2012 年 1 月起在 GitHub 公開(Fyrd/caniuse)。2019 年 9 月,網站與 MDN 團隊合作,在搜尋結果中整合 MDN browser-compat-data 的資料,可展示的支援表格從約 500 張擴增到約 10,500 張(Mozilla Hacks)。

更新頻率方面,作者在 FAQ 中說明新資訊通常在數天內處理,來自 MDN 的資料每週更新。截至 2026-08-30,資料倉庫中網站自建的功能條目共 571 個,倉庫星標約 5.9k、分支約 1.4k。

核心能力

分版本支援表格。 每張表格按瀏覽器與版本逐格標註支援狀態:支援、部分支援、不支援、需要瀏覽器前綴、預設停用(需手動開啟)、有 Polyfill 可用或未知;帶編號的註釋用來解釋「部分支援」的具體含義。條目還包含一句話描述、規範連結與規範狀態(例如 W3C Candidate Recommendation)、相關教學與工具連結,以及「已知問題」清單。例如 CSS Flexbox 條目標註規範狀態 CR、全球使用率 96.41% + 0.28%(截至 2026-08-30),並列出 IE 10/11 與舊版 Safari 中的多個具體錯誤。表格涵蓋 Chrome、Edge、Safari、Firefox、Opera、IE 等桌面瀏覽器,以及 iOS Safari、Chrome for Android、Samsung Internet、Opera Mini、UC Browser、KaiOS Browser 等行動瀏覽器。

Can I Use 上 CSS Flexbox 條目的支援表格,按瀏覽器與版本標註支援狀態,並附全球使用率

使用率資料與檢視。 支援表格頂部顯示該功能的全球使用率合計,資料來源為 StatCounter GlobalStats(查核時為 2026 年 7 月資料)。在設定面板中可以切換國家或地區的使用率資料,也可以授權匯入自己網站的 Google Analytics 資料,直接查看某項功能在自己訪客中的可支援比例;「Usage relative」檢視會按各版本的使用佔比縮放表格欄位寬度。預設只顯示使用佔比不低於 0.5% 的瀏覽器版本,此閾值可以調整(首頁功能提示)。

檢索與比較。 首頁提供即時搜尋框、按分類(HTML5、CSS、JS API、SVG、Security 等)篩選的功能索引、「Most searched features」熱門榜單、主流瀏覽器當前版本的支援得分比較,以及瀏覽器之間橫向對照的「Compare browsers」入口。

Can I Use 首頁:搜尋框、最新功能、熱門搜尋、第三方工具與瀏覽器得分

收錄標準與品質控制。 網站只收錄對設計師與開發者有用、可能被多數瀏覽器實作、且尚未在舊瀏覽器中全面支援的功能——它的定位是回答「支援情況不一致」的問題,而不是羅列所有 Web 技術(About)。支援結論來自公開的手工測試套件(tests.caniuse.com)與可信來源查證,跨瀏覽器測試透過贊助方 BrowserStack 進行。新功能可透過 GitHub issue 提議並以按讚投票(issue-list),也可以直接提交資料 PR;新增條目會先標記為不展示,經審核驗證後才公開(CONTRIBUTING)。

開放資料與工具生態

網站不提供獨立的查詢 API,程式化處理透過開放資料完成:

  • 原始支援資料託管在 GitHub 倉庫,以 CC BY 4.0 授權,使用時註明來源 caniuse.com 即可;fulldata-json/data-2.0.json 提供全量資料檔。
  • caniuse-lite 是該資料的壓縮 npm 套件,被 Browserslist 及依賴它的 Autoprefixer、babel-preset-env 等工具用來按目標瀏覽器範圍調整程式碼。
  • 官方首頁還列出社群工具,包括把支援表格嵌入網頁的 The CanIUse Embed、CSS 靜態檢查工具 Doiuse,以及可組合多項功能計算使用者覆蓋率的 I want to use。

適用場景

  • 評估某項新功能能否用於正式環境,特別是結合自己網站的訪客瀏覽器分布來判斷。
  • 排查相容性問題:條目的已知問題與編號註釋常能直接鎖定特定瀏覽器版本的具體缺陷。
  • 決定是否需要瀏覽器前綴、Polyfill 或降級方案。
  • 在建置工具鏈中透過 browserslist 間接使用其資料,控制轉譯與前綴注入範圍。

局限

  • 介面僅提供英文,沒有官方中文化。
  • 收錄範圍刻意排除「已普遍支援」的功能,因此不能當作完整的 Web 技術清單;細粒度的 API 級相容性查詢仍需搭配 MDN 使用。
  • 「支援」的判定較粗略:官方定義是功能的主要用途基本可用,不代表實作完全一致;部分支援的確切含義必須閱讀註釋,關鍵場景仍需實際測試驗證。
  • 預設使用率是 StatCounter 的全球統計口徑,與個別網站的受眾分布可能有明顯差異,官方也因此提供地區資料與 Google Analytics 匯入。
  • 資料並非即時:新資訊通常在數天內處理,MDN 來源資料每週更新一次。

同類參考

  • MDN Web Docs:細粒度技術文件搭配 browser-compat-data 表格,與 caniuse 的「功能整體粒度」互補;caniuse 的搜尋結果本身也整合了 MDN 資料。
  • 官方首頁列出的姊妹站:Can I email(郵件用戶端中的 HTML/CSS 支援)、Accessibility Support(輔助技術對無障礙功能的支援)、Can I Webview(各平台 WebView 能力)。

參考資料