Can I use

查詢網頁技術在不同瀏覽器版本的支援狀況。

  • 研究
前往 Can I use 官方網站

這是什麼

Can I use 整理網頁技術的瀏覽器支援表。搜尋 CSS 功能、圖片格式或瀏覽器 API,就能按瀏覽器版本查看支援、部分支援與不支援的情況。

為何推薦

功能在自己的瀏覽器能用,不代表訪客也能使用。支援表把版本差異列在一起,方便評估是否需要替代方案。遇到部分支援的項目,也要閱讀註記,確認限制是否影響實際用途。

適合誰

準備採用新網頁技術的前端工程師,以及需要制定瀏覽器相容範圍的團隊。

常用情境

  • 採用 CSS 功能或瀏覽器 API 前,檢查目標版本的支援狀況
  • 選擇網站圖片格式時,比較瀏覽器相容性

使用提醒

支援資料會隨瀏覽器更新而改變。上線前應重新查閱,並在目標瀏覽器測試實際介面;支援表不能取代專案本身的測試。

Cursify

探索自訂游標與指標互動效果的前端素材網站。

  • cursor
  • css
  • interaction

Easing Editor

Anime.js 的彈簧緩動編輯器,可預覽動態並匯出 CSS 或 JavaScript 值。

  • animation
  • easing
  • css

Easing Gradients

展示緩動色彩過渡,並產生含中間色標的 CSS 漸層編輯器。

  • gradient
  • css
  • color