Dev-spiekbriefje — HTTP, MIME, key codes en regex

Wat is Dev-spiekbriefje — HTTP, MIME, key codes en regex?

Dev-spiekbriefje is een gratis naslagwerk in de browser dat vier opzoektabellen voor ontwikkelaars bundelt in één doorzoekbare widget. Front-end- en back-end-ontwikkelaars, QA-engineers en studenten grijpen ernaar wanneer ze willen onthouden wat 422 betekent, het MIME-type van een .webp-afbeelding, de key-waarde die een pijltjestoets afgeeft of een regex om een e-mail te valideren. Het HTTP-tabblad somt veelvoorkomende 2xx-, 3xx-, 4xx- en 5xx-statuscodes op met hun officiële redenzin; het MIME-tabblad koppelt bestandsextensies aan Content-Type-waarden; het Key codes-tabblad toont JavaScript-KeyboardEvent.key-strings zoals Enter, Escape en ArrowUp; en het Regex-tabblad verzamelt kant-en-klare patronen met een korte notitie bij elk. Het zoekvak filtert het actieve tabblad direct, de resultaatteller vertelt hoeveel items overeenkomen en elke rij heeft een kopieerknop. Het uitvoervak serialiseert de gefilterde rijen zodat je ze kunt doorgeven aan een andere tool. Omdat de widget alleen met JavaScript wordt weergegeven, is deze tekst de indexeerbare beschrijving: een HTTP-statuscode-naslag, een MIME-typetabel, een JavaScript-key-code-lijst en een regex-spiekbriefje, allemaal aan de clientzijde.

Dev-spiekbriefje — HTTP, MIME, key codes en regex gebruiken

1. Kies een tabblad: HTTP-status, MIME-typen, Key codes of Regex.
2. Typ in het zoekvak om het actieve tabblad te filteren op code, naam of patroon.
3. Loop de rijen door en lees de resultaatteller om te zien hoeveel er overeenkomen.
4. Klik op Copy bij een rij om de waarde te kopiëren (naam, MIME-type, toets of patroon).
5. Gebruik de Copy-knop van het uitvoervak om alle gefilterde items in één keer te pakken.

Voorbeelden

Zoeken: 429

429  Too Many Requests

Zoeken: webp

.webp  image/webp

Tabblad: Regex, Zoeken: email

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

Veelgestelde vragen

Welke HTTP-statuscodes zijn opgenomen?

De meest voorkomende uit alle klassen: 2xx-succes (200, 201, 204), 3xx-omleidingen (301, 302, 304, 307, 308), 4xx-clientfouten (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) en 5xx-serverfouten (500, 501, 502, 503, 504), elk met hun standaard redenzin.

Wat is het verschil tussen de key-waarde en de key code?

Deze tool toont de moderne KeyboardEvent.key-string, oftewel de voor mensen begrijpelijke waarde van een toets — bijvoorbeeld Enter, Escape of ArrowUp. De spatiebalk geeft één spatie-teken terug, hier weergegeven als het symbool ␣. De key-string is wat je vergelijkt in event-handlers, zoals event.key === 'Enter'.

Kan ik deze regex-patronen direct gebruiken?

Ja. Elk patroon is geschreven in de standaardsyntaxis van reguliere expressies van JavaScript, klaar om te plakken in new RegExp('...') of tussen schuine strepen. Het zijn praktische startpunten — bijvoorbeeld een eenvoudige e-mail- of URL-controle — geen volledige validators, dus controleer ze op je exacte vereisten.

Hoe werkt het zoeken?

Zoeken filtert alleen het actieve tabblad en matcht overal in een rij: de code, de naam, het MIME-type, de toets, de regex-titel of het patroon zelf. Het is hoofdletterongevoelig, dus 'JSON', 'not found' of '404' typen versmalt de lijst meteen, en de resultaatteller wordt live bijgewerkt.

Wordt er iets naar een server gestuurd?

Nee. Elke tabel is een statische lijst die in de tool is ingebakken, en al het filteren en kopiëren gebeurt volledig in je browser. Niets van wat je zoekt wordt geüpload, gelogd of ergens naartoe gestuurd, dus het spiekbriefje werkt offline zodra het is geladen.