RegExr

可學習、建立與測試 JavaScript 和 PCRE 正規表示式的互動工作區。

  • 網頁工具
前往 RegExr 官方網站

這是什麼

RegExr 結合 pattern 編輯器、測試文字、比對細節、參考資料與儲存的範例。

為何推薦

輸入時即時更新結果，不必反覆執行腳本，就能檢查細小的 pattern 修改。

適合誰

需要在使用前理解 pattern 的開發者、資料工作者與學習者。

常用情境

  • 用範例輸入測試驗證規則
  • 檢查 capture group 與比對結果
  • 透過範例學習正規表示式功能

Color.review

快速比較前景與背景色對比，並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

Easing Editor

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

  • animation
  • easing
  • css

Easing Functions

視覺化查閱常見緩動曲線，以及它們如何隨時間改變動態。

  • animation
  • reference
  • easing