Μορφοποίηση JSON δωρεάν
Μορφοποιήστε, επικυρώστε, ελαχιστοποιήστε και εξερευνήστε δεδομένα JSON. Προβολή δέντρου, επισήμανση σύνταξης και αντιγραφή με ένα κλικ.
Συνηθισμένες χρήσεις
- Μορφοποιήστε απαντήσεις APIΕπικολλήστε ακατέργαστες απαντήσεις API JSON και μορφοποιήστε τις αμέσως σε αναγνώσιμο, εσοχή εξόδου.
- Μορφοποιήστε αρχεία διαμόρφωσης JSONΚαθαρίστε και επικυρώστε αρχεία διαμόρφωσης JSON - package.json, tsconfig.json, ρυθμίσεις και άλλα.
- Μορφοποιήστε JSON για αποσφαλμάτωσηΞετανίστε minified ή διαφύγετε καταγραφές JSON, φορτία σφάλματος και εξαγωγές βάσης δεδομένων αμέσως.
- Μορφοποιήστε αρχεία μετάφρασης JSONΕπικυρώστε και διόρθωσης αρχεία μετάφρασης i18n JSON (en.json, de.json) που χρησιμοποιούνται σε εφαρμογές React, Vue και Next.js.
- Επιθεωρήστε και μορφοποιήστε φορτία webhookΕπικολλήστε φορτία webhook από Stripe, GitHub ή Shopify και διαβάστε τα καθαρά μορφοποιημένα.
Πώς λειτουργεί
Ο μορφοποιητής εκτελείται εξ ολοκλήρου στον browser σας με τα ενσωματωμένα JSON.parse και JSON.stringify της JavaScript — χωρίς βιβλιοθήκη ή διακομιστή. Η ανάλυση, η μορφοποίηση, η ελαχιστοποίηση και η διαδραστική προβολή δέντρου γίνονται όλα τοπικά καθώς πληκτρολογείτε.
- 1Ζωντανή ανάλυση κατά την είσοδοΤο JSON.parse εκτελείται 200 ms μετά το τελευταίο πάτημα πλήκτρου. Αν η ανάλυση αποτύχει, μια χειρόγραφη συνάρτηση εντοπισμού σφάλματος διαβάζει το μήνυμα SyntaxError από τη V8 ή τον Firefox, εξάγει τον αριθμό γραμμής και στήλης και προσφέρει σύνδεσμο μετάβασης στο σφάλμα μέσα στο textarea.
- 2Ανίχνευση μη ασφαλών ακεραίωνΠριν εμφανίσει την έξοδο, το εργαλείο σαρώνει την πηγή για ακέραιους 16 ή περισσότερων ψηφίων (αγνοώντας όσους βρίσκονται μέσα σε συμβολοσειρές) και ελέγχει καθέναν με Number.isSafeInteger. Αν κάποιος θα στρογγυλοποιούνταν σιωπηλά από την αποθήκευση double IEEE-754, εμφανίζεται προειδοποίηση πριν αντιγράψετε ή κατεβάσετε.
- 3Μορφοποίηση, ελαχιστοποίηση και ταξινόμηση κλειδιώνΤο JSON.stringify(value, null, indent) παράγει τη μορφοποιημένη ή ελαχιστοποιημένη έξοδο. Όταν η ταξινόμηση κλειδιών είναι ενεργή, μια αναδρομική συνάρτηση διατρέχει κάθε αντικείμενο του δέντρου και το ξαναχτίζει με Object.keys(...).sort() πριν από τη σειριοποίηση — οι πίνακες μένουν στην αρχική τους σειρά.
- 4Διαδραστική προβολή δέντρουΗ προβολή δέντρου είναι μια χειρόγραφη αναδρομική ισοπέδωση που μετατρέπει το αντικείμενο σε επίπεδη λίστα κόμβων με βάθος, διαδρομή και κατάσταση ανάπτυξης/σύμπτυξης. Η απόδοση περιορίζεται σε 5.000 ορατούς κόμβους ώστε η καρτέλα να μην παγώνει σε έγγραφα πολλών megabytes με μεγάλους αναπτυγμένους πίνακες.
Όλα εκτελούνται τοπικά στον browser σας — το JSON σας δεν αποστέλλεται ποτέ σε διακομιστή.
Σχετικά εργαλεία
Συμπιεστής & Ομορφοποιητής CSS
Συμπιέστε CSS για μείωση μεγέθους αρχείου ή ομορφοποιήστε συμπιεσμένο CSS για αναγνωσιμότητα. Άμεσο, στο πρόγραμμα περιήγησής σας.
Ομορφοποιητής CSS
Μορφοποιήστε συμπιεσμένο CSS με συνεπή εσοχή ή συμπιέστε το. Προαιρετική αλφαβητική ταξινόμηση ιδιοτήτων για προβλέψιμες διαφορές.
Ομορφοποιητής & Συμπιεστής HTML
Μορφοποιήστε ή συμπιέστε HTML με σωστή εσοχή φωλιάσματος. Διατηρεί περιεχόμενο εντός μπλοκ <pre>, <script>, <style>.