Dev-Spickzettel — HTTP, MIME, Key Codes & Regex

Was ist Dev-Spickzettel — HTTP, MIME, Key Codes & Regex?

Dev-Spickzettel ist eine kostenlose Schnellreferenz im Browser, die vier Nachschlagetabellen für Entwickler in einem durchsuchbaren Widget bündelt. Front-End- und Back-End-Entwickler, QA-Ingenieure und Studierende greifen darauf zurück, wenn sie sich erinnern müssen, was 422 bedeutet, welcher MIME-Typ zu einem .webp-Bild gehört, welchen key-Wert ein Pfeiltastendruck auslöst oder welche Regex eine E-Mail prüft. Der HTTP-Tab listet gängige 2xx-, 3xx-, 4xx- und 5xx-Statuscodes mit ihren offiziellen Begründungstexten; der MIME-Tab ordnet Dateiendungen Content-Type-Werten zu; der Key-Codes-Tab zeigt JavaScript-KeyboardEvent.key-Strings wie Enter, Escape und ArrowUp; und der Regex-Tab sammelt einfügefertige Muster mit einer kurzen Notiz zu jedem. Das Suchfeld filtert den aktiven Tab sofort, der Ergebniszähler verrät, wie viele Einträge passen, und jede Zeile bietet einen Kopierknopf. Das Ausgabefeld serialisiert die gefilterten Zeilen, damit du sie an ein anderes Werkzeug weitergeben kannst. Da das Widget nur mit JavaScript gerendert wird, ist dieser Text die indexierbare Beschreibung: eine HTTP-Statuscode-Referenz, eine MIME-Typ-Tabelle, eine JavaScript-Key-Code-Liste und ein Regex-Spickzettel, alles clientseitig.

So verwendest du Dev-Spickzettel — HTTP, MIME, Key Codes & Regex

1. Wähle einen Tab: HTTP-Status, MIME-Typen, Key Codes oder Regex.
2. Tippe ins Suchfeld, um den aktiven Tab nach Code, Bezeichnung oder Muster zu filtern.
3. Überfliege die Zeilen und lies den Ergebniszähler, um zu sehen, wie viele Einträge passen.
4. Klicke bei einer Zeile auf Copy, um ihren Wert zu kopieren (Bezeichnung, MIME-Typ, Taste oder Muster).
5. Nutze den Copy-Knopf des Ausgabefelds, um alle gefilterten Einträge auf einmal zu übernehmen.

Beispiele

Suche: 429

429  Too Many Requests

Suche: webp

.webp  image/webp

Tab: Regex, Suche: email

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

Häufig gestellte Fragen

Welche HTTP-Statuscodes sind enthalten?

Die häufigsten aller Klassen: 2xx-Erfolg (200, 201, 204), 3xx-Weiterleitungen (301, 302, 304, 307, 308), 4xx-Client-Fehler (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) und 5xx-Server-Fehler (500, 501, 502, 503, 504), jeweils mit ihrem Standard-Begründungstext.

Was ist der Unterschied zwischen dem key-Wert und dem Key Code?

Dieses Werkzeug listet den modernen KeyboardEvent.key-String, also den menschlich verständlichen Wert einer Taste — zum Beispiel Enter, Escape oder ArrowUp. Die Leertaste meldet ein einzelnes Leerzeichen, hier als Symbol ␣ dargestellt. Der key-String ist das, womit du in Event-Handlern wie event.key === 'Enter' vergleichst.

Kann ich diese Regex-Muster direkt verwenden?

Ja. Jedes Muster ist in der Standard-Syntax für reguläre Ausdrücke von JavaScript geschrieben und lässt sich direkt in new RegExp('...') oder zwischen Schrägstriche einfügen. Sie sind praktische Ausgangspunkte — etwa eine einfache E-Mail- oder URL-Prüfung — keine vollständigen Validatoren, prüfe sie also für deine genauen Anforderungen.

Wie funktioniert die Suche?

Die Suche filtert nur den aktiven Tab und trifft an beliebiger Stelle einer Zeile: den Code, die Bezeichnung, den MIME-Typ, die Taste, den Regex-Titel oder das Muster selbst. Sie unterscheidet keine Groß-/Kleinschreibung, sodass die Eingabe von 'JSON', 'not found' oder '404' die Liste sofort eingrenzt und der Ergebniszähler sich live aktualisiert.

Wird etwas an einen Server gesendet?

Nein. Jede Tabelle ist eine statische, ins Werkzeug eingebackene Liste, und das gesamte Filtern und Kopieren geschieht vollständig in deinem Browser. Nichts, wonach du suchst, wird hochgeladen, protokolliert oder irgendwohin gesendet, sodass der Spickzettel nach dem Laden offline funktioniert.