Ein Browser-Werkzeugkasten für die kleinen Aufgaben, die echte Arbeit unterbrechen
Die meisten Programmierprobleme sind groß und interessant. Die, die dich wirklich ausbremsen, sind es nicht. Du hast eine minifizierte API-Antwort vor dir, ein JWT, das du nicht lesen kannst, eine URL, die ihren Query-String verstümmelt, und eine Regex, die fast funktioniert. Keines davon verdient eine Abhängigkeit, eine CLI-Installation oder einen Tab voller Werbung. Sie verdienen dreißig Sekunden und ein sauberes Textfeld.
Das ist die ganze Idee hinter dieser Sammlung: eine einzige Seite kostenloser Entwickler-Tools, die sofort laden, vollständig in deinem Browser laufen und dich nie zum Anmelden auffordern. JSON-Formatierung, Base64, URL-Kodierung, JWT-Dekodierung, Farbkonvertierung, Regex-Tests, Zeitstempel-Rechnerei und eine HTTP-Statusreferenz leben alle an einem Ort. Du hörst auf, deine Daten in das zu kopieren, was Google zuerst hochspült, und du hörst auf, dich zu fragen, ob diese zufällige Seite sie protokolliert.
Was jedes Tool tatsächlich tut
Der JSON-Formatter nimmt eine Wand aus maskiertem, einzeiligem JSON und verwandelt sie in etwas, das ein Mensch überfliegen kann. Sagen wir, ein Webhook feuert und deine Logs erfassen den Rohkörper als einen riesigen String. Füge ihn ein, wähle zwei- oder vierfache Leerzeichen-Einrückung, und du bekommst einen lesbaren Baum mit dem Syntaxfehler genau benannt, falls es einen gibt. Er validiert beim Formatieren, sodass ein verirrtes nachgestelltes Komma oder ein Schlüssel ohne Anführungszeichen angezeigt wird, statt drei Ebenen tief in deiner App still zu scheitern.
Base64 kodieren/dekodieren ist das Arbeitstier, zu dem du ständig greifst, ohne darüber nachzudenken. Data-URIs, Basic-Auth-Header, in Konfigurationsdateien gestopfte Binärblobs, die Segmente eines Tokens — alles Base64. Dekodiere einen Header-Wert, um zu bestätigen, dass Anmeldedaten so gesendet werden, wie du es erwartest, oder kodiere ein kleines Bild, um es einzubetten. Es verarbeitet UTF-8 sauber, was in dem Moment zählt, in dem deine Eingabe kein reines ASCII ist.
Das URL-Kodier-/Dekodier-Tool behebt den klassischen Fehler, bei dem ein Query-Parameter ein Leerzeichen, ein Kaufmanns-Und oder ein Pluszeichen enthält und deine Anfrage leise zerbricht. Wenn du einen Link von Hand baust und der Wert name=John & Co ist, muss dieses Kaufmanns-Und zu %26 maskiert werden, sonst liest der Server es als Parametertrenner. Einfügen, kodieren, kopieren. Dekodieren funktioniert andersherum, wenn du auf eine protokollierte URL voller Prozent-Codes starrst und herauszufinden versuchst, was wirklich angefragt wurde.
Das Token-Tool und ein wichtiger Vorbehalt
Der JWT-Decoder teilt ein Token in seine drei punktgetrennten Teile und zeigt dir den Header und die Payload als reines JSON. Beim Debuggen von Authentifizierung ist das Gold wert: prüfe, welcher Algorithmus das Token signiert hat, lies den sub, bestätige, dass der exp-Claim noch nicht abgelaufen ist, und sieh genau, welche Scopes oder Rollen dein Gateway dem Client übergibt.
Hier ist der Teil, den Leute vergessen. Ein JWT zu dekodieren ist nicht dasselbe wie es zu verifizieren. Die Payload ist nur Base64url — jeder, der das Token besitzt, kann jeden Claim darin lesen, und dieses Tool tut genau das und nichts weiter. Es prüft die Signatur nicht, ein dekodiertes Token sagt dir also, was ein Token sagt, nicht ob es echt ist. Vertraue Claims aus einem Decoder niemals für eine Autorisierungsentscheidung; das ist die Aufgabe deines Servers, mit dem Signaturschlüssel. Nutze den Decoder zum Verstehen und Debuggen, niemals zum Validieren.
Der Regex-Tester schließt den Kreis beim frustrierendsten Helfer von allen. Schreibe dein Muster, wirf etwas Beispieltext hinein und sieh zu, wie Treffer live hervorgehoben werden, während du tippst. Erfassungsgruppen werden aufgelistet, sodass du bestätigen kannst, dass Gruppe zwei wirklich das Jahr greift und nicht das ganze Datum. Es schlägt den Bearbeiten-Speichern-Neustart-Zyklus des Testens eines Musters in deiner echten Codebasis, und es ist ein schneller Weg zu lernen, warum ein gieriger Quantifizierer mehr verschlingt, als du wolltest.
Zur Abrundung: Der HEX↔RGB-Konverter wandelt ein #1a2b3c in rgb(26, 43, 60) und zurück, wenn deine Design-Token und dein CSS nicht übereinstimmen. Der Unix-Zeitstempel-Konverter verwandelt 1718900000 in ein echtes Datum mit Uhrzeit, was du jedes Mal willst, wenn eine Datenbank Epoch-Sekunden speichert und deine Augen sie nicht entziffern können. Und die HTTP-Statuscode-Referenz erspart dir das Raten, ob 422 oder 409 die richtige Antwort ist, wenn ein API-Aufruf schiefgeht.
Lokale Verarbeitung, damit du das Sensible einfügen kannst
Das ist der Teil, der für jeden am wichtigsten ist, der Produktionsdaten anfasst. Jedes Tool hier läuft clientseitig in JavaScript. Deine Eingabe verlässt nie den Browser — es gibt keinen Upload, keinen Umlauf zu einem Server, nichts zu protokollieren. Das bedeutet, du kannst ein echtes Zugriffstoken einfügen, um seine Claims zu inspizieren, einen Base64-Header dekodieren, der ein Anmeldedatum enthält, oder eine API-Antwort voller Kundendaten formatieren, ohne dass sie je das Netzwerk überquert. Willst du einen Beweis? Öffne deine Entwicklertools, beobachte den Netzwerk-Tab und füge munter ein. Du wirst nichts hinausgehen sehen. Für sensible Daten ist ein rein lokales Tool kein nettes Extra; es ist die einzige verantwortungsvolle Option.
Häufig gestellte Fragen
Sind diese Entwickler-Tools wirklich kostenlos und ohne Anmeldung?
Ja. Jeder Helfer ist kostenlos nutzbar, verlangt kein Konto und hat keine Nutzungsgrenzen. Öffne die Seite und leg los.
Werden meine Daten an einen Server gesendet, wenn ich diese Tools nutze?
Nein. Alles läuft clientseitig in deinem Browser. Deine Eingabe wird nie hochgeladen, sodass du gefahrlos Token, Anmeldedaten und private API-Antworten einfügen kannst.
Verifiziert der JWT-Decoder die Token-Signatur?
Nein. Er dekodiert nur den Header und die Payload, damit du die Claims lesen kannst. Dekodieren ist nicht Verifizieren. Die Signaturprüfung braucht den Signaturschlüssel und gehört auf deinen Server.
Was ist der Unterschied zwischen Base64-Kodierung und Verschlüsselung?
Base64 ist Kodierung, keine Verschlüsselung. Sie ist von jedem vollständig umkehrbar und bietet keine Sicherheit. Sie existiert, um Binärdaten als Text darzustellen, nicht um sie zu verbergen.
Welche Regex-Variante unterstützt der Regex-Tester?
Er nutzt die JavaScript-Engine für reguläre Ausdrücke, die in deinem Browser läuft, mit Live-Trefferhervorhebung und Ausgabe der Erfassungsgruppen, während du tippst.
Kann ich ungültiges JSON formatieren?
Der Formatter versucht es, und wenn das JSON kaputt ist, weist er auf die Fehlerstelle hin und sagt dir, was falsch ist, sodass du es beheben und neu formatieren kannst.