Πρόγραμμα Προβολής Δέντρου JSON

Τι είναι αυτό το εργαλείο;

Ένα πρόγραμμα προβολής δέντρου JSON μετατρέπει ένα έγγραφο JSON σε ένα πλοηγήσιμο περίγραμμα: κάθε αντικείμενο και πίνακας γίνεται κόμβος που μπορείτε να αναπτύξετε ή να συμπτύξετε, κάθε κλειδί δείχνει τον συμπερασμένο τύπο του, και κάθε τιμή-φύλλο εμφανίζεται ενσωματωμένη. Αντί να κάνετε κύλιση σε χιλιάδες γραμμές κειμένου, εμβαθύνετε μόνο στους κλάδους που πραγματικά σας ενδιαφέρουν.

Αυτό διαφέρει από έναν μορφοποιητή JSON. Ένας μορφοποιητής ξαναγράφει το κείμενο του JSON σας με εσοχές ώστε να φαίνεται πιο ωραίο — είναι το σωστό εργαλείο όταν απλώς θέλετε να μορφοποιήσετε όμορφα, να ελαχιστοποιήσετε ή να επικυρώσετε τη σύνταξη. Ένα πρόγραμμα προβολής δέντρου είναι για την εξερεύνηση και την πλοήγηση της ίδιας της δομής, ειδικά όταν το JSON είναι μεγάλο, βαθιά ένθετο, ή δεν γνωρίζετε ακόμα πού βρίσκονται τα δεδομένα που χρειάζεστε. Αν απλώς θέλετε να μορφοποιήσετε όμορφα ή να επικυρώσετε κείμενο JSON, χρησιμοποιήστε αντ' αυτού τον Μορφοποιητή JSON.

Γιατί να το χρησιμοποιήσετε;

• Πλοηγηθείτε σε βαθιά ένθετες απαντήσεις API ή αρχεία διαμόρφωσης χωρίς να χάσετε ποιο αγκύλη ανήκει σε ποιο επίπεδο.
• Αναζητήστε με βάση όνομα κλειδιού ή τιμή και μεταβείτε κατευθείαν στο αποτέλεσμα, με τη διαδρομή να αναπτύσσεται αυτόματα για εσάς.
• Χειρίζεται πολύ μεγάλα JSON (αρκετά megabyte) ομαλά — οι θυγατρικοί κόμβοι κατασκευάζονται μόνο όταν τους αναπτύσσετε, ώστε τίποτα να μην παγώνει την καρτέλα.
• Δείτε τον τύπο κάθε τιμής με μια ματιά — string, αριθμός, boolean, null, αντικείμενο ή πίνακας — με σαφείς ετικέτες.
• 100% ιδιωτικό: η ανάλυση και η απόδοση γίνονται εξ ολοκλήρου στον browser σας, τίποτα δεν ανεβαίνει ή αποθηκεύεται.

Πώς χρησιμοποιείται

1. Επικολλήστε το JSON σας στο πλαίσιο εισαγωγής, ή χρησιμοποιήστε τον επιλογέα αρχείων για να φορτώσετε ένα αρχείο JSON από τον δίσκο.
2. Κάντε κλικ στο "Render tree" για να δημιουργήσετε τη διαδραστική προβολή.
3. Κάντε κλικ στο βέλος δίπλα σε οποιοδήποτε αντικείμενο ή πίνακα για να το αναπτύξετε ή να το συμπτύξετε — οι κόμβοι πέρα από μερικά επίπεδα ξεκινούν αυτόματα συμπτυγμένοι ώστε τα μεγάλα αρχεία να παραμένουν αποκρίσιμα.
4. Πληκτρολογήστε ένα όνομα κλειδιού ή τιμή στο πλαίσιο αναζήτησης για να βρείτε αντιστοιχίες· το εργαλείο αναπτύσσει κάθε γονικό κόμβο στη διαδρομή προς τα κάτω και κάνει κύλιση και επισημαίνει το αποτέλεσμα.
5. Χρησιμοποιήστε τα κουμπιά επόμενο/προηγούμενο για να περιηγηθείτε σε πολλαπλά αποτελέσματα.

Παράδειγμα

Είσοδος

{"user":{"id":42,"name":"Ada","roles":["admin","editor"],"active":true,"manager":null}}

Έξοδος

user: { 4 keys }
  id: 42 (number)
  name: "Ada" (string)
  roles: [ 2 items ]
    0: "admin"
    1: "editor"
  active: true (boolean)
  manager: null

Κάθε γραμμή δείχνει το κλειδί, τον συμπερασμένο τύπο του, και είτε την τιμή (για φύλλα) είτε έναν συμπτυγμένο μετρητή (για αντικείμενα και πίνακες) μέχρι να την αναπτύξετε.

Πρακτικές συμβουλές

• Για τεράστιες απαντήσεις API, αναζητήστε πρώτα ένα χαρακτηριστικό όνομα πεδίου (όπως ένα id ή κωδικό σφάλματος) αντί να αναπτύσσετε χειροκίνητα κόμβο-κόμβο — η αναζήτηση μεταβαίνει κατευθείαν εκεί.
• Οι κόμβοι πέρα από τα πρώτα δύο επίπεδα ξεκινούν σκόπιμα συμπτυγμένοι, ώστε ένα payload πολλών megabyte να παραμένει αποκρίσιμο· αναπτύξτε μόνο τον κλάδο που χρειάζεστε.
• Οι ετικέτες τύπου (string, number, boolean, null, object, array) είναι ιδιαίτερα χρήσιμες για τον εντοπισμό ενός πεδίου που είναι απροσδόκητα null ή ενός πίνακα εκεί που περιμένατε αντικείμενο.
• Αν χρειάζεστε απλώς να μορφοποιήσετε όμορφα ή να επικυρώσετε ένα απόσπασμα JSON αντί να εξερευνήσετε τη δομή του, ο JSON Formatter είναι πιο γρήγορος για αυτή τη δουλειά.

Πού ταιριάζει αυτό σε πραγματικές ροές εργασίας

Οι βαθιά ένθετες απαντήσεις API, οι εξαγωγές βάσεων δεδομένων και τα αρχεία διαμόρφωσης είναι δύσκολο να τα κατανοήσετε ως επίπεδο κείμενο — χάνετε τον έλεγχο του ποιο κλείσιμο άγκιστρου ταιριάζει σε ποιο κλειδί. Φορτώνοντας το ίδιο payload σε προβολή δέντρου μπορείτε να συμπτύξετε ό,τι δεν χρειάζεστε και να εστιάσετε μόνο στον κλάδο που έχει σημασία, κάτι πολύ πιο γρήγορο από την κύλιση σε έναν μορφοποιημένο τοίχο κειμένου αναζητώντας ένα πεδίο.

Μια συνηθισμένη ροή: επικολλήστε πρώτα εδώ ένα μεγάλο webhook payload για να κατανοήσετε το σχήμα του και να βρείτε το πεδίο που χρειάζεστε, μετά μεταβείτε στον JSON Formatter αν χρειάζεστε ένα καθαρό, με εσοχές αντίγραφο κειμένου για να το επικολλήσετε σε αναφορά σφάλματος ή code review.

→ Μορφοποιητής JSON

Συνήθεις περιπτώσεις χρήσης

• Εξερεύνηση μιας μεγάλης, βαθιά ένθετης απάντησης API για να βρείτε πού βρίσκεται ένα συγκεκριμένο πεδίο πριν γράψετε κώδικα εναντίον της.
• Επισκόπηση ενός μεγάλου αρχείου διαμόρφωσης ή εξαγωγής χωρίς κύλιση σε χιλιάδες γραμμές ακατέργαστου κειμένου.
• Έλεγχος του σχήματος και των τύπων ενός άγνωστου payload JSON πριν το αναλύσετε στον δικό σας κώδικα.
• Εντοπισμός μιας συγκεκριμένης τιμής (ένα ID, ένα μήνυμα σφάλματος, μια χρονοσφραγίδα) θαμμένη κάπου μέσα σε ένα μεγάλο έγγραφο JSON.

Συχνές ερωτήσεις