Ontwikkelaarstools

Een browserwerkdoos voor de kleine klusjes die echt werk onderbreken

De meeste programmeerproblemen zijn groot en interessant. De problemen die je echt vertragen, zijn dat niet. Je hebt een geminificeerde API-respons voor je, een JWT die je niet kunt lezen, een URL die zijn querystring verminkt en een regex die bijna klopt. Geen van deze verdient een dependency, een CLI-installatie of een tabblad vol advertenties. Ze verdienen dertig seconden en een overzichtelijk tekstvak.

Dat is het hele idee achter deze verzameling: één pagina met gratis ontwikkelaarshulpmiddelen die direct laden, volledig in je browser draaien en je nooit vragen om je aan te melden. JSON-opmaak, Base64, URL-codering, JWT-decodering, kleurconversie, regex-testen, tijdstempelrekenen en een HTTP-statusreferentie — ze staan allemaal op één plek. Je plakt je data niet langer in wat Google als eerste laat zien, en je vraagt je niet af of die willekeurige site het logboekt.

Wat elk hulpmiddel daadwerkelijk doet

De JSON-formatter neemt een muur van escaped, éénregelige JSON en maakt er iets van dat een mens kan scannen. Stel dat een webhook afgaat en je logs de ruwe body vastleggen als één enorme string. Plak hem erin, kies twee- of vierruimte-inspringing en je krijgt een leesbare boom waarbij de syntaxisfout direct wordt aangewezen als die er is. Hij valideert terwijl hij opmaakt, zodat een losstaande komma aan het einde of een sleutel zonder aanhalingstekens wordt gesignaleerd in plaats van drie lagen diep in je app stil te falen.

Base64-codering/decodering is het werkpaard dat je voortdurend gebruikt zonder er bij na te denken. Data-URI's, Basic Auth-headers, binaire blobs gestopt in configuratiebestanden, de segmenten van een token — allemaal Base64. Decodeer een headerwaarde om te bevestigen dat inloggegevens worden verstuurd zoals je verwacht, of codeer een kleine afbeelding om hem inline op te nemen. Het verwerkt UTF-8 correct, wat van belang is zodra je invoer niet puur ASCII is.

Het URL-codeer/decodeer-hulpmiddel lost de klassieke fout op waarbij een queryparameter een spatie, een ampersand of een plusteken bevat en stilletjes je verzoek kapotmaakt. Als je een link met de hand bouwt en de waarde is name=Jan & Co, moet die ampersand worden ontsnapt naar %26, anders leest de server het als een parameterscheider. Plakken, coderen, kopiëren. Decoderen werkt de andere kant op als je staart naar een gelogde URL vol procentcodes en wilt uitvinden wat er eigenlijk is aangevraagd.

Het tokenhulpmiddel, en een belangrijke kanttekening

De JWT-decoder splitst een token op in zijn drie door punten gescheiden delen en toont je de header en payload als gewone JSON. Bij het debuggen van authenticatie is dit goud: controleer welk algoritme het token heeft ondertekend, lees de sub, bevestig dat de exp-claim nog niet verstreken is en bekijk precies welke bereiken of rollen je gateway aan de client meegeeft.

Dit is het deel dat mensen vergeten. Een JWT decoderen is hem niet verifiëren. De payload is gewoon Base64url — iedereen die het token in bezit heeft, kan elke claim erin lezen, en dit hulpmiddel doet precies dat en niets meer. Het controleert de handtekening niet, dus een gedecodeerd token vertelt je wat een token beweert, niet of het echt is. Vertrouw claims van een decoder nooit voor een autorisatiebeslissing; dat is het werk van je server, met de ondertekeningssleutel. Gebruik de decoder om te begrijpen en debuggen, nooit om te valideren.

De regex-tester sluit de cirkel voor het meest frustrerende hulpmiddel van allemaal. Schrijf je patroon, voeg wat voorbeeldtekst in en bekijk hoe overeenkomsten live oplichten terwijl je typt. Vastleggroepen worden opgesomd, zodat je kunt bevestigen dat groep twee echt het jaar pakt en niet de hele datum. Het verslaat de cyclus van bewerken-opslaan-herhalen van een patroon testen in je eigenlijke codebase, en het is een snelle manier om te leren waarom een gretige kwantor meer verslikt dan je bedoelde.

Ter afronding: de HEX↔RGB-converter zet een #1a2b3c om in rgb(26, 43, 60) en terug, voor als je designtokens en CSS het niet eens zijn. De Unix-tijdstempelconverter zet 1718900000 om in een echte datum en tijd, wat je wilt elke keer dat een database epochseconden opslaat en je ogen ze niet kunnen ontcijferen. En de HTTP-statuscodereferentie bespaart je het gokken of 422 of 409 het juiste antwoord is als een API-aanroep misgaat.

Lokale verwerking, zodat je gevoelige zaken kunt plakken

Dit is het deel dat het meest telt voor iedereen die productiedata aanraakt. Elk hulpmiddel hier draait client-side in JavaScript. Je invoer verlaat de browser nooit — er is geen upload, geen round-trip naar een server, niets om te loggen. Dat betekent dat je een echt toegangstoken kunt plakken om zijn claims te inspecteren, een Base64-header kunt decoderen die een inlogcode bevat, of een API-respons vol klantdata kunt opmaken zonder dat die ooit het netwerk oversteekt. Wil je bewijs? Open je ontwikkelaartools, bekijk het netwerktabblad en plak er maar op los. Je ziet niets vertrekken. Voor gevoelige payloads is een lokaal hulpmiddel geen nice-to-have — het is de enige verantwoorde keuze.

Veelgestelde vragen