鍵碼資訊 - 介紹
鍵碼資訊是一個實用的開發者工具,幫助您獲得鍵盤上每個按鍵的詳細資訊。這個工具對於開發鍵盤互動、遊戲、無障礙功能和響應用戶輸入的其他應用程式特別有用。
什麼是鍵碼資訊?
鍵碼資訊是一個基於網頁的工具,即時捕獲和分析 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+
安全性和隱私
- 本地處理:所有鍵盤事件都在您的瀏覽器中本地處理
- 無資料收集:不會將鍵盤輸入發送到伺服器
- 隱私:您的鍵盤輸入保持完全私密
- 安全環境:適合測試敏感應用程式
下一步
從基本使用開始熟悉工具,或直接跳到範例查看實際使用案例。