Aide-mémoire dev — HTTP, MIME, key codes et regex

Qu'est-ce que Aide-mémoire dev — HTTP, MIME, key codes et regex ?

Aide-mémoire dev est une référence rapide gratuite qui fonctionne dans le navigateur et réunit quatre tables de consultation pour développeurs dans un seul widget avec recherche. Les développeurs front-end et back-end, les ingénieurs QA et les étudiants l'utilisent quand ils ont besoin de se rappeler ce que signifie 422, le type MIME d'une image .webp, la valeur key déclenchée par une flèche ou une regex pour valider un e-mail. L'onglet HTTP liste les codes de statut 2xx, 3xx, 4xx et 5xx courants avec leur phrase de motif officielle ; l'onglet MIME associe les extensions de fichier aux valeurs Content-Type ; l'onglet Key codes affiche les chaînes KeyboardEvent.key de JavaScript comme Enter, Escape et ArrowUp ; et l'onglet Regex rassemble des motifs prêts à coller avec une courte note pour chacun. Le champ de recherche filtre l'onglet actif instantanément, le compteur de résultats indique combien d'entrées correspondent et chaque ligne propose un bouton de copie. La zone de sortie sérialise les lignes filtrées pour que vous puissiez les transmettre à un autre outil. Comme le widget ne s'affiche qu'avec JavaScript, ce texte est la description indexable : une référence des codes de statut HTTP, une table des types MIME, une liste des key codes JavaScript et un aide-mémoire regex, le tout côté client.

Comment utiliser Aide-mémoire dev — HTTP, MIME, key codes et regex

1. Choisissez un onglet : statut HTTP, types MIME, Key codes ou Regex.
2. Tapez dans le champ de recherche pour filtrer l'onglet actif par code, nom ou motif.
3. Parcourez les lignes et lisez le compteur de résultats pour voir combien correspondent.
4. Cliquez sur Copy d'une ligne pour copier sa valeur (nom, type MIME, touche ou motif).
5. Utilisez le bouton Copy de la zone de sortie pour récupérer toutes les entrées filtrées d'un coup.

Exemples

Recherche : 429

429  Too Many Requests

Recherche : webp

.webp  image/webp

Onglet : Regex, Recherche : email

^[^\s@]+@[^\s@]+\.[^\s@]+$

Questions fréquentes

Quels codes de statut HTTP sont inclus ?

Les plus courants de toutes les classes : succès 2xx (200, 201, 204), redirections 3xx (301, 302, 304, 307, 308), erreurs client 4xx (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) et erreurs serveur 5xx (500, 501, 502, 503, 504), chacun affiché avec sa phrase de motif standard.

Quelle est la différence entre la valeur de la touche et le key code ?

Cet outil liste la chaîne moderne KeyboardEvent.key, c'est-à-dire la valeur compréhensible d'une touche — par exemple Enter, Escape ou ArrowUp. La barre d'espace renvoie un seul caractère d'espace, affiché ici par le symbole ␣. La chaîne key est ce que vous comparez dans les gestionnaires d'événements, comme event.key === 'Enter'.

Puis-je utiliser ces motifs regex directement ?

Oui. Chaque motif est écrit dans la syntaxe standard des expressions régulières de JavaScript, prêt à coller dans new RegExp('...') ou entre des barres obliques. Ce sont des points de départ pratiques — par exemple une simple vérification d'e-mail ou d'URL — pas des validateurs exhaustifs, alors vérifiez-les selon vos besoins exacts.

Comment fonctionne la recherche ?

La recherche filtre uniquement l'onglet actif et correspond n'importe où dans une ligne : le code, le nom, le type MIME, la touche, le titre de la regex ou le motif lui-même. Elle ne tient pas compte de la casse, donc taper 'JSON', 'not found' ou '404' réduit la liste immédiatement, et le compteur de résultats se met à jour en direct.

Quelque chose est-il envoyé à un serveur ?

Non. Chaque table est une liste statique intégrée à l'outil, et tout le filtrage et la copie se font entièrement dans votre navigateur. Rien de ce que vous recherchez n'est téléversé, journalisé ni envoyé où que ce soit, donc l'aide-mémoire fonctionne hors ligne une fois chargé.