w

鍵碼資訊 - 介紹

鍵碼資訊是一個實用的開發者工具,幫助您獲得鍵盤上每個按鍵的詳細資訊。這個工具對於開發鍵盤互動、遊戲、無障礙功能和響應用戶輸入的其他應用程式特別有用。

什麼是鍵碼資訊?

鍵碼資訊是一個基於網頁的工具,即時捕獲和分析 JavaScript 鍵盤事件。它向您顯示:

  • 按鍵:按下鍵的實際值
  • 鍵碼:鍵的數值代碼(已棄用,但仍有用)
  • 程式碼:鍵的現代化、標準化代碼
  • 位置:鍵在鍵盤上的物理位置
  • 修飾符:同時按下的修飾鍵(Ctrl、Alt、Shift、Meta)

為什麼有用?

對於開發者

  • 除錯:了解為什麼某些按鍵組合不起作用
  • 跨瀏覽器相容性:測試不同瀏覽器如何處理鍵盤事件
  • 無障礙:為無障礙開發更好的鍵盤導航
  • 遊戲開發:實現精確的鍵盤控制

對於測試人員

  • QA 測試:驗證所有按鍵組合是否正確運作
  • 可用性測試:了解用戶如何與鍵盤互動
  • 相容性測試:在不同作業系統和瀏覽器上測試

主要功能

🔍 即時檢測

  • 按下時立即顯示鍵盤事件
  • 無延遲或延遲時間
  • 精確捕獲所有按鍵詳細資訊

📊 詳細資訊

  • 按鍵:顯示實際字符值(例如 'a'、'Enter'、'Space')
  • 鍵碼:數值(例如 'A' 為 65)
  • 程式碼:標準化代碼(例如 'KeyA'、'Enter'、'Space')
  • 位置:物理位置(0=標準、1=左、2=右、3=數字鍵盤)
  • 修飾符:同時按下的修飾鍵列表

🎯 智慧分類

  • 自動識別按鍵類型(字母、數字、功能、控制等)
  • 活躍修飾符計數
  • 不同按鍵類型的視覺標籤

📋 複製功能

  • 複製個別值
  • 一次複製所有資訊
  • 輕鬆整合到您的程式碼中

📚 範例和測試

  • 常見按鍵的預定義範例
  • 不同按鍵類型的快速測試
  • JavaScript 鍵盤事件的學習輔助

瀏覽器相容性

此工具適用於所有現代瀏覽器:

  • ✅ Chrome 60+
  • ✅ Firefox 55+
  • ✅ Safari 12+
  • ✅ Edge 79+

安全性和隱私

  • 本地處理:所有鍵盤事件都在您的瀏覽器中本地處理
  • 無資料收集:不會將鍵盤輸入發送到伺服器
  • 隱私:您的鍵盤輸入保持完全私密
  • 安全環境:適合測試敏感應用程式

下一步

  1. 基本使用 - 學習如何使用工具
  2. 進階功能 - 發現所有可用選項
  3. 範例 - 查看實際使用案例
  4. API 參考 - 開發者的技術詳細資訊

從基本使用開始熟悉工具,或直接跳到範例查看實際使用案例。

這個頁面對您有幫助嗎?