Toolbox Hub
Ontwikkelaarstools12 min gelezen

De Developer's Toolkit: 24 gratis browsertools die betaalde apps vervangen

Een praktische gids voor het formatteren, converteren, coderen en debuggen van gegevens met behulp van gratis browsergebaseerde ontwikkelaarstools - geen installaties, geen accounts, niets geüpload.

Wat deze gids behandelt

  • 1. Welke browsergebaseerde tools wel en niet kunnen vervangen
  • 2. Gegevens formatteren en converteren
  • 3. Coderen en ontsnappen
  • 4. Identificatoren, hashes en tokens
  • 5. Vergelijken en debuggen
  • 6. Een uitgewerkt voorbeeld: drie tools, één saai incident
  • 7. Privacy: waarom lokaal draaien de eigenlijke functie is
  • 8. Bouw een workflow om hen heen
  • 9. Veelgestelde vragen

Voor de meeste kleine klusjes die je honderd keer per week doet – het opnieuw formatteren van een API-antwoord, het decoderen van een token, het controleren van een hash, het inspringen van een stukje SQL – heb je geen IDE, een betaald abonnement of een teamlicentie nodig. Ze hebben één tabblad negentig seconden geopend nodig.

De onderstaande verzameling bestaat uit vierentwintig browsergebaseerde hulpprogramma's die betrekking hebben op opmaak, conversie, codering, hashing en foutopsporing. Ze draaien allemaal volledig op uw pagina: uw gegevens worden nooit naar een server verzonden, wat belangrijker is dan ontwikkelaars gewoonlijk toegeven, omdat de payload die u plakt meestal van een klant is.

Welke browsergebaseerde tools wel en niet kunnen vervangen

Wees realistisch over de grens. Deze hulpmiddelen vervangen eenmalige, hoogfrequente klusjes met een lage inzet. Ze vervangen niet uw taalserver, uw debugger, uw testsuite of iets anders dat u herhaaldelijk in een echte omgeving moet uitvoeren.

  • Goede pasvorm: een reactie één keer lezen, fouten opsporen in een enkele waarde, een bestand converteren voor één import, een formaat controleren voordat het wordt verzonden.
  • Slechte pasvorm: het uitvoeren van dezelfde controle bij elke implementatie, waarbij honderden bestanden worden getransformeerd, alles wat luid moet mislukken in CI.
  • Nooit: alles waarbij inloggegevens betrokken zijn, kunt u niet rouleren. Plak een ingetrokken token, geen live token.

Dat gezegd hebbende, de reden om deze als bladwijzer te bewaren is de doorvoer. Een taak die op een browsertabblad veertig seconden in beslag neemt, wordt nooit gepland, wordt nooit gedelegeerd en wordt nooit een reden om om acht uur 's avonds een IDE te openen.

Gegevens formatteren en converteren

De meest voorkomende dagelijkse klus is het leesbaar maken van data. Een API retourneert een blob van één regel, een collega stuurt een configuratiebestand met tabbladen die worden verminkt door een chatvenster, of je exporteert een spreadsheet naar JSON en deze komt terug als één enorme regel.

  • JSON Formatter — laat een payload inspringen, valideren en lezen. Gebruik het voordat u fouten gaat opsporen: de helft van alle "de API is kapot"-tickets zijn feitelijk verkeerd ingedeelde JSON met een komma erachter.
  • JSON Validator — wanneer u een strikt geslaagd/mislukt antwoord nodig heeft in plaats van een mooie afdruk.
  • XML Formatter — dezelfde taak voor SOAP-reacties, RSS-feeds en Maven POM's die niemand sinds 2014 heeft aangeraakt.
  • JSON to YAML en JSON to CSV — het verplaatsen van gegevens tussen de formaten die echte systemen daadwerkelijk gebruiken.

Houd de laatste groep in gedachten voor één specifiek scenario: een klant overhandigt u een spreadsheet en verwacht deze in zijn API. CSV rechtstreeks naar JSON brengen is twee minuten werk in plaats van een middagje scripten.

Coderen en ontsnappen

Coderingsfouten zijn onevenredig vervelend omdat de gegevens er goed uitzien. De waarde "San José & Sons" komt binnen als "San Jos%C3%A9 %26 Sons" en uw vergelijking met de database mislukt om redenen die onzichtbaar zijn in de logbestanden.

  • URL Encoder / Decoder — bepaal onmiddellijk of een queryreeks dubbel gecodeerd is.
  • Base64 Encoder / Decoder — decodeer een certificaatfragment of codeer een klein item voor inline in CSS.
  • HTML Entity Encoder / Decoder — ontdek of die verdwaalde "&" op uw pagina afkomstig is van uw sjabloon of uw gegevens.
  • Unicode Converter — handig wanneer een "gebroken" teken een legitiem teken blijkt te zijn, weergegeven in de verkeerde codering.
  • Number Base Converter — controleer een kleur, een toestemmingsbitmasker of een geheugenadres zonder een rekenmachine-app.

Identificatoren, hashes en tokens

In deze groep verspillen ontwikkelaars de meeste tijd met het zoeken naar het juiste lokale script dat ze ooit hebben geschreven en verloren.

  • UUID Generator — genereer v4-identifiers voor zaadgegevens, wedstrijden of een snelle databaserij.
  • MD5 / SHA Hash Generator — verifieer een download of bevestig dat twee bestanden die identiek zouden moeten zijn, dat ook daadwerkelijk zijn.
  • Timestamp Converter — de meest gebruikte tool in deze hele lijst. Als op een logboekregel 1761000000 staat, kunt u hieruit zien of het incident plaatsvond tijdens de implementatie of ervoor.

De tijdstempelconverter verdient zijn geld om één specifieke reden: een tijdperknummer is tegelijkertijd ondubbelzinnig en nutteloos. Je weet precies wanneer iets is gebeurd en je kunt het niet aan een collega vertellen. Eén keer converteren lost meestal een luider argument op dan zou moeten.

Vergelijken en debuggen

  • Regex Tester — het item met de hoogste hefboomwerking hier. Een reguliere expressie die er correct uitziet en stilletjes met niets overeenkomt, is een van de duurste bugs in de ontwikkeling, omdat deze stilletjes faalt op de enige plek waar niemand leest.
  • HTML Preview — herhaal een fragment van de markup om te controleren hoe het daadwerkelijk wordt weergegeven.

Test uw reguliere expressies met de invoer die u daadwerkelijk verwacht, inclusief de lege tekenreeks, een Unicode-naam en een waarde met een nieuwe regel. De meeste patronen breken in het derde geval en niemand merkt het totdat de productiegegevens binnenkomen.

Een uitgewerkt voorbeeld: drie tools, één saai incident

Hier is de reeks die mij ervan overtuigde om dit allemaal te bookmarken. Een klant meldde dat een record dat ze dinsdag hadden ingediend, ontbrak in een rapport van donderdag.

  • 1. Converteer de tijdstempel. De rapporttaak registreerde de aanmaaktijd van de record als een tijdperkwaarde. De Timestamp Converter liet zien dat het record om 23.00 uur lokaal was aangemaakt, wat dinsdag is. De aanname van de tijdzone van de taak was het probleem, niet het record.
  • 2. Formatteer de payload. Door de opgeslagen JSON door de JSON Formatter te halen, bleek dat de record was geschreven met een nuldatumveld, omdat de client tweemaal hetzelfde eindpunt had aangeroepen met een tussenpoos van 200 ms en de tweede schrijfactie had gewonnen.
  • 3. Vergelijk de payloads. Beide records hadden dezelfde API-sleutel en dezelfde clienttijdstempel, wat duidde op een nieuwe poging in plaats van op twee afzonderlijke klanten.

Totaal verstreken tijd: vier minuten. De eerdere poging tot dit onderzoek, waarbij werd gezocht naar dezelfde hoofdoorzaak in een houtkapplatform, duurde een middag en leverde een verkeerde conclusie op.

Privacy: waarom lokaal draaien de eigenlijke functie is

Elke tool in deze bibliotheek verwerkt uw invoer in uw eigen browser. Er wordt niets geüpload, wat betekent dat er geen retentievraag is, geen verwerkersovereenkomst en geen ongemakkelijk gesprek over de productiepayload die je drie minuten geleden hebt geplakt.

Dit is de reden dat u deze tools verkiest boven een gehoste "pastebin API" of een online dienst die u vraagt ​​om u aan te melden. Het betekent ook dat ze blijven werken tijdens een vlucht, in een kelder of wanneer de zakelijke VPN heeft besloten weer een ander domein te blokkeren.

Eén voorbehoud dat duidelijk moet worden vermeld: een pagina die offline kan worden gebruikt, is alleen privé als de pagina zelf de code bevat die u denkt dat deze is. Op een gedeelde machine gebruikt u een privévenster en sluit u dit wanneer u klaar bent, vooral als u tokens hebt gedecodeerd.

Bouw een workflow om hen heen

De tools zijn individueel triviaal. De waarde ligt in de gewoonte om er onmiddellijk naar te grijpen in plaats van er "later op in te gaan", omdat je later een wegwerpscript schrijft, of een IDE opent, of besluit dat het helemaal niet de moeite waard is om te controleren.

  • Maak een bladwijzer van de collectie, niet van individuele URL's, en plaats deze in de werkbalk van uw browser.
  • Als iets verkeerd lijkt, controleer het dan voordat je een theorie vormt. Kost vijftien seconden; doodt hele klassen van verkeerde conclusies.
  • Als je hetzelfde twee keer hebt gecontroleerd, is dat het signaal om het te automatiseren – maar automatiseer niet op verdenking.
  • Plak geen productiegeheimen. Draai alles waar u niet zeker van bent.

Veelgestelde vragen

Zijn deze tools gratis? Ja, volledig, zonder account en zonder gebruikslimiet. Er is geen betaald niveau dat iets fundamenteels tegenhoudt.

Werken ze offline? Zodra een pagina is geladen, ja, alles draait in uw browser. Voor het herladen is een verbinding vereist.

Kan ik ze gebruiken voor commercieel werk? Ja. De uitvoer is van jou, zonder attributievereiste.

Is er een API? Nee, en dat is opzettelijk: de waarde is de interface. Exporteer de uitvoer en verwerk deze zoals u wilt.

Waarom installeert u niet gewoon een CLI-tool? Installeer er een wanneer u deze drie keer nodig heeft. Gebruik een browsertabblad voor de eerste twee.

Alle tools zijn gratis en privé

Elke tool waarnaar in deze handleiding wordt verwezen, draait volledig in uw browser. Niets dat u typt of plakt, wordt geüpload, er is geen account vereist en er is geen gebruikslimiet. Blader door de volledige toolbox →

Meer van de blog