Du verlierst Zeit, ohne es zu merken
Du debuggst eine API-Antwort. Das JSON kommt als langer, unlesbarer String zurück. Du öffnest einen neuen Tab, tippst "JSON formatieren online", klickst auf das erste Ergebnis, fügst deine Daten ein, kneifst die Augen wegen der Werbebanner zusammen, merkst, dass die Seite ein Konto für die "Vollversion" verlangt, schließt den Tab, versuchst das zweite Ergebnis.
Das passiert fünf, zehn, zwanzig Mal am Tag. Jede Unterbrechung ist klein. Zusammen zerstören sie deine Konzentration.
Die Tools, die du brauchst, sind einfach, kostenlos und sollten einen Klick entfernt sein. Das ist die ultimative Liste — mit ehrlichen Meinungen darüber, wann jedes Tool wirklich wichtig ist.
1. JSON-Formatter und -Validator
Das Problem: Jede API spuckt JSON aus. Minifiziertes, verschachteltes, unlesbares JSON, das dich an deinen Karriereentscheidungen zweifeln lässt.
Der JSON-Formatter ist als permanenter Tab auf meinem zweiten Monitor geöffnet. Wenn eine API-Antwort falsch zurückkommt, füge ich den rohen Body ein und sehe die Struktur in weniger als einer Sekunde. Die Baumansicht ist die Funktion, die ich am häufigsten nutze — sie ermöglicht das Einklappen und Ausklappen verschachtelter Objekte, ohne in einer 400-Zeilen-Antwort den Überblick zu verlieren.
Was ihn von den Google-Suchergebnissen unterscheidet: kein Größenlimit bei 10 KB, keine "Premium-Plan"-Popups, und der Validator zeigt die genaue Zeile, in der dein JSON bricht, anstatt eines generischen "Ungültiges JSON".
2. Regex-Tester
Das Problem: Reguläre Ausdrücke ohne Echtzeit-Tester zu schreiben ist eine elende Erfahrung. Du schreibst das Muster, führst das Skript aus, es passt nicht wie erwartet, du passt an, führst es erneut aus.
Der Regex-Tester bietet Live-Matching — füge Beispieltext in das untere Feld ein, schreibe dein Muster, sieh die Treffer beim Tippen hervorgehoben. Kein Knopf zum Drücken, kein Warten.
Das Capture-Group-Panel ist das, was ich am meisten nutze: ich sehe genau, welche Gruppe welchen Teilstring erfasst hat — die einzige Möglichkeit, komplexe Muster zu debuggen, ohne verrückt zu werden. Die Bibliothek gängiger Muster (E-Mail, URL, Telefon, IP, Datum) deckt 80% der Fälle ab. Und die Klartexterklärung hat Stack Overflow für das Verständnis von Mustern abgelöst, die jemand anderes geschrieben hat.
3. JWT-Decoder
Das Problem: Du debuggst ein Authentifizierungsproblem. Du hast ein JWT-Token. Du musst sehen, was drin ist, ohne eine Zeile Node oder Python zu schreiben.
Füge den Token in den JWT-Decoder ein und sieh sofort den decodierten Header, Payload und die Signatur. Er hebt hervor, ob der Token abgelaufen ist — indem er den exp-Claim prüft — was immer das Erste ist, was man überprüfen sollte, wenn Auth mysteriöserweise zu versagen beginnt.
Eine wichtige Klarstellung: Ein JWT zu decodieren erfordert kein Secret. Der Payload ist Base64url-kodiert, nicht verschlüsselt. Die Signatur beweist, dass er nicht manipuliert wurde, aber der Inhalt ist für jeden lesbar, der den Token hat. Leg keine sensiblen Daten in JWT-Payloads — User-IDs und Rollen sind fine, Passwörter und persönliche Informationen nicht.
4. Base64-Encoder/Decoder
Das Problem: Base64 taucht ständig auf — API-Anmeldedaten in Authorization-Headern, Bild-Data-URIs, Umgebungsvariablenwerte. Du brauchst immer ein Tool zum schnellen Konvertieren.
Mein Hauptanwendungsfall: Basic-Auth-Header debuggen. Wenn ich Authorization: Basic dXNlcjpwYXNz in einem Log sehe, decodiere ich es sofort im Base64-Tool, um zu bestätigen, dass die Anmeldedaten korrekt sind. Die Datei-zu-Base64-Konvertierung eignet sich auch zum direkten Einbetten kleiner Icons in CSS.
Schnelle Erinnerung: Base64 ist Kodierung, keine Verschlüsselung. Jeder kann es sofort decodieren. Es existiert, um Binärdaten über Textsysteme zu übertragen, nicht um etwas zu verstecken.
5. UUID-Generator
Das Problem: Du brauchst Testdaten. Zwanzig eindeutige Bezeichner für Seed-Skripte, Test-Fixtures. Sie einzeln irgendwo zu generieren ist mühsam.
Der UUID-Generator generiert bis zu 1000 UUIDs auf einmal und kopiert sie alle mit einem Klick in die Zwischenablage. Für Seed-Skripte spart das die fünfzehn Minuten, die du damit verbringen würdest, Generierungscode zu schreiben, den du sowieso wegwirfst. Das UUID-v4-Format (zufällig) ist das, was du in den meisten Fällen brauchst — es ist die Standardeinstellung.
6. Code-Beautifier
Das Problem: Minifizierter Produktionscode, den du lesen musst. Legacy-Codebases, in denen sich niemand auf Einrückung einigen konnte. Dokumentationsschnipsel, die beim Einfügen ihre gesamte Formatierung verloren haben.
Ich verwende den Code-Beautifier hauptsächlich zum Debuggen von JavaScript von Drittanbietern. Wenn eine Bibliothek etwas Unerwartetes tut, füge ich den minimierten Quellcode ein und lese den relevanten Abschnitt. Unterstützt JavaScript, TypeScript, HTML, CSS und JSON.
7. Hash-Generator
Das Problem: Eine heruntergeladene Datei gegen eine veröffentlichte Prüfsumme verifizieren, die HMAC-Signaturverifizierung für einen Webhook testen oder einfach zwei Strings anhand ihres Hashs vergleichen.
Der Hash-Generator deckt das alles ab. Drag-and-Drop von Dateien erledigt die Prüfsummenverifizierung, ohne ein Terminal zu öffnen. Die HMAC-Funktion ist die, die ich beim Testen von Webhook-Signaturen verwende — Stripe, GitHub und die meisten Plattformen verwenden HMAC-SHA256, und damit kann ich die Signatur manuell reproduzieren, um zu bestätigen, dass meine Implementierung korrekt ist.
8. Cron-Builder
Das Problem: Cron-Syntax ist einprägsam, bis sie es nicht mehr ist. 0 0 * * 1 — ist das Mitternacht montags oder der erste Tag jedes Monats? Ich habe das in der Produktion verwechselt.
Der Cron-Builder bietet einen visuellen Editor: Klicke auf den gewünschten Zeitplan, sieh den Ausdruck live aktualisieren. Die Funktion, die mir wirklich wichtig ist, ist die Vorschau der nächsten 5 Ausführungen. Bevor ein Cron-Job in die Produktion geht, überprüfe ich, dass er läuft, wann ich denke, dass er läuft.
9. API-Tester
Das Problem: Postman ist für eine schnelle Überprüfung zu aufwändig. Einen Workspace einrichten, eine Collection erstellen, Umgebungen verwalten — manchmal musst du jetzt einfach eine HTTP-Anfrage machen.
Der API-Tester deckt 80% der Fälle ab: schnelles GET, um zu prüfen, ob ein Endpunkt aktiv ist, POST mit JSON-Body zum Testen eines Webhooks, benutzerdefinierte Header für API-Schlüssel-Auth. Keine Installation, kein Konto, keine Synchronisation.
10. Diff-Checker
Das Problem: Zwei Konfigurationsdateien, die identisch sein sollten, aber eine Umgebung verhält sich anders. Eine SQL-Abfrage, die sich zwischen Staging und Produktion geändert hat.
Der Diff-Checker macht Änderungen offensichtlich. Die Nebeneinanderansicht hebt hinzugefügte und entfernte Zeilen farblich hervor. Die Option "Leerzeichen ignorieren" ist unerlässlich beim Vergleich von Code, der durch verschiedene Formatter gelaufen ist.
Ein Lesezeichen, zehn Tools
Jedes Tool in dieser Liste ist kostenlos, funktioniert im Browser und erfordert kein Konto. Speichere die Entwickler-Tools-Seite als Lesezeichen und hör auf, dieselben Utilities immer wieder zu suchen.
Deine Konzentration wird es dir danken.