Outils de développement

Clavier de recherche de code clé

Appuyez sur n'importe quelle touche pour voir les indicateurs de clé, de code, de keyCode, d'emplacement et de modificateur en temps réel ; Ceci est utile lors de la configuration des raccourcis clavier dans le code de l'interface.

ClavierKeyCodeDevTools

Ajouter cet outil aux favoris

Aucun mode de stockage des favoris n’a été sélectionné.

Actions rapides

Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.

Cas d’usage

  • Rechercher les valeurs de code clé pour les raccourcis
  • Comparer les champs d'événement entre les navigateurs
  • Gestionnaires de clavier de débogage

Mode d’emploi

  1. Ouvrir l'outil de page
  2. Appuyez sur la touche que vous souhaitez inspecter
  3. Lire la clé, le code, le keyCode et les modificateurs

Exemples d’entrée et de sortie

Clé

Ctrl+K

code

KeyK

FAQ

Pourquoi le keyCode et le code diffèrent-ils ?

code reflète la disposition physique ; La touche reflète le caractère produit – les deux sont importants pour les raccourcis.

Les raccourcis clavier sont-ils pris en charge ?

Oui. Shift/Ctrl/Alt/Meta sont affichés avec la touche principale.

Outils

Outils associés

Poursuivez avec un autre outil traduit pour une tâche proche.

Afficher les échappements

Affichage d'échappement pour les caractères masqués

Disponible

Visualisez localement les caractères invisibles dans votre navigateur, notamment les tabulations, les sauts de ligne, la marque d’ordre des octets (BOM) et les caractères de largeur nulle. Utile lorsque des artefacts de copier-coller perturbent l’analyse syntaxique.

Échap Afficheur

Tableau ASCII

Tableau ASCII — outil d'alignement de texte en ligne

Disponible

Convertir CSV, TSV ou texte de terminal copié dans des tableaux ASCII ou Markdown alignés dans votre navigateur, avec une gestion mixte de la largeur en chinois et en anglais pour README, Slack et la sortie des journaux.

Tableau ASCII Markdown