7 Hulpmiddelen om JSON-bestanden in Google Chrome te bewerken

Het JSON-formaat is afgeleid van Javascript en wordt vaak gebruikt om gegevens tussen een server en een webapplicatie te verzenden. Het is een alternatief voor XML waarmee een programmeur kan experimenteren met een willekeurig aantal tools. Maar wat als u uw browser wilt gebruiken om met uw JSON-bestanden te werken? Er zijn verschillende webapps en extensies voor Google Chrome die bedoeld zijn om programmeurs te helpen JSON-bestanden te bewerken.

1. JSON-editor online

Beschikbaar als: Webapplicatie

JSON Editor Online is een tool voor het bekijken, bewerken en formatteren van JSON. Deze Chrome-app opent een teksteditor in uw browser, zodat u code kunt bewerken zonder naar een andere applicatie te hoeven overschakelen. De app geeft twee tekstvakken naast elkaar weer. In het veld aan de linkerkant wordt de code weergegeven zoals deze is, terwijl in het veld aan de rechterkant de tekst in een beter leesbaar formaat wordt weergegeven.

De app kan zowel lokale bestanden als URL’s openen. De broncode is ook beschikbaar voor degenen die willen weten hoe het is gemaakt. Het kan bestanden tot 512 MB openen, wat op het eerste gezicht misschien niet zo veel lijkt, maar wel een enorme hoeveelheid gegevens kan bevatten. Voor echt grote bestanden kunt u deze tools gebruiken om ze snel en zonder vertraging te bekijken .

JSON Editor is meer dan alleen een editor. Het is een formatter, parser en zelfs een reparatieassistent. Het verdient absoluut een plekje in de toolkit van elke softwareontwikkelaar.

2. JSON-formatter

Beschikbaar als: Chrome-extensie

De JSON Formatter Chrome- extensie is een open-sourcetool die het lezen van JSON-code ook prettiger maakt voor de ogen. Het biedt ondersteuning voor zowel JSON- als JSONP-formaten en biedt syntaxisaccentuering, inklapbare bomen, inspringhulplijnen en klikbare URL’s. Het werkt op elke geldige JSON-pagina en ook op lokale bestanden.

Deze extensie werkt ook op JSON-bestanden die via internet worden aangeboden. Het is echter soms in conflict met de stijl van de HTML-site, wanneer JSON-gegevens onbewerkt over het HTML-gedeelte worden weergegeven. Dit gebeurt meestal op de voorbeeldpagina van de officiële JSON-website , waarin de achtergrondkleur verdwijnt.

Maar aangezien dit een extensie is, kunt u deze eenvoudig uitschakelen of uitschakelen voor het werken op incognitopagina’s. Bovendien is het open source, dus je kunt met de broncode rommelen om nog meer dingen te laten doen.

3. JSONView

Beschikbaar als: Chrome-extensie

JSONView voor Google Chrome is ontstaan ​​als een Firefox-add-on . Het is compleet met contextmenu-opties om een ​​JSON-pad of -waarde te kopiëren. Er is ook een ingebouwde stijleditor om het thema aan te passen.

Als een extensie gemaakt door een andere ontwikkelaar, breidt JSONVue de mogelijkheid van JSONView uit om JSON-documenten te valideren met behulp van JSONLint .

JSONView past ook mooie afdrukken toe op uw JSON-bestanden. Hierdoor worden de JSON-sleutels vetgedrukt weergegeven, zodat ze gemakkelijker leesbaar zijn tussen de niet-vetgedrukte haakjes en dubbele punten.

4. JSON-verfraaiing en -editor

Beschikbaar als: Chrome-extensie

JSON Beautifier & Editor verandert uw Chrome-browser in een JSON-tool voor het bewerken, verwerken en analyseren van gegevens. Hiermee kunt u sleutels en waarden wijzigen en uw wijzigingen opslaan in een downloadbaar JSON-uitvoerbestand.

Misschien wel de beste functie van JSON Beautifier & Editor is de mogelijkheid om witruimte voor uw JSON-bestanden toe te voegen en te verwijderen. Het heeft ook een manier om uw objecten te sorteren voor het geval u tijdens het coderen een aantal dingen verandert.

Al met al breidt deze extensie uit wat normale JSON Chrome-extensies kunnen doen, waardoor uw webbrowser een offline teksteditor voor JSON-bestanden wordt.

5. Code verfraai de JSON-editor

Beschikbaar als: Webapplicatie

De Code Beautify JSON Editor is slechts een van de vele andere tools die beschikbaar zijn in het pakket codeverfraaiingsapps van Code Beautify. Als u zich concentreert op de JSON Editor, vindt u een aantal andere manieren om JSON-bestanden vanuit uw webbrowser te bekijken.

De app beschikt over een codeweergave, die meestal slechts een verfraaide tekstweergave is, behalve dat deze onafhankelijk is van de tekstweergave bij het bekijken van compacte JSON. Ondertussen toont de formulierweergave u de grootte van elke array binnen elke samengevouwen lijn. Bij objecten wordt aangegeven hoeveel sleutels erin zitten.

Een ander ding dat deze extensie nuttig maakt, is dat het laat zien hoe groot de bewerkte en originele JSON-bestanden zijn. Als u aan een project werkt dat zeer specifieke bestandsgroottes kent, kan dit de juiste tool voor de klus zijn.

6. Tutorials Point Online JSON-editor

Beschikbaar als: Webapplicatie

De Online JSON Editor van Tutorials Point is een geweldige JSON-bewerkingstool die ook nog eens prettig is voor de ogen. Hiermee kunt u visuele elementen schakelen, waardoor u witruimtes in diep geneste JSON-code kunt visualiseren. Bovendien heeft het veranderlijke thema’s.

Misschien wel de belangrijkste attractie van deze editor is dat deze ook toegang biedt tot een bibliotheek met tutorials. Dit maakt het een handig hulpmiddel voor mensen die nieuwe programmeertalen proberen te leren , terwijl ze voornamelijk afhankelijk zijn van online bronnen.

Net als bij alle andere online JSON-bewerkingstools, kunt u met deze editor uw bewerkte JSON via uw browser downloaden. Op die manier kunt u dit gebruiken om bijna alles te doen wat u met welke JSON-code dan ook moet doen.

7. JSON-editor van Dan’s Tools

Beschikbaar als: Webapplicatie

JSON Editor Van Dan’s Tools is een gratis online JSON-editor met een strak en minimalistisch uiterlijk. Wat het aan functies mist, wordt gecompenseerd door het snel laden zodra je de URL invoert.

Het is goed genoeg als je iets nodig hebt dat je snel kunt gebruiken om te bewerken. De functie “Bestand laden” verschijnt echter soms onderaan het scherm in sommige browsers wanneer advertentieblokkerende extensies worden gebruikt, wat lastig kan zijn.

De ontwikkelaar van deze app, Clean CSS (ook bekend als Dan’s Tools) heeft ook andere tools voor het converteren van JSON naar andere formaten, zoals CSV, XML, TSV en zelfs HTML.

Gemakkelijk toegang tot JSON-bestanden

Alle afbeeldingen en screenshots door Terenz Jomar Dela Cruz