JSON Formatter — सुंदर बनाएं और सत्यापित करें

JSON Formatter क्या है?

JSON Formatter एक ब्राउज़र-आधारित टूल है जो कच्चे या गलत JSON टेक्स्ट को सेकंडों में साफ-सुथरे, पठनीय आउटपुट में बदलता है। डेवलपर्स को अपठनीय JSON से हमेशा सामना होता है — API रिस्पॉन्स जो एक लाइन में संकुचित होते हैं, कॉपी किए गए कॉन्फिग फ्रैगमेंट जो अपना व्हाइटस्पेस खो चुके हैं, या मैन्युअल रूप से एडिट की गई फ़ाइलें जिनमें सूक्ष्म सिंटैक्स एरर हैं। यह टूल तीनों समस्याओं को एक साथ हल करता है: यह कॉन्फिगरेबल इंडेंटेशन के साथ फॉर्मेट करता है, सिंटैक्स को सत्यापित करता है, और jsonrepair लाइब्रेरी का उपयोग करके सामान्य गलतियों को स्वचालित रूप से ठीक करता है।

सर्वर-साइड विकल्पों के विपरीत, JSON Formatter पूरी तरह से आपके ब्राउज़र में चलता है। आपका डेटा कभी भी आपकी मशीन नहीं छोड़ता। कोई अकाउंट नहीं, कोई रेट लिमिट नहीं, और कोई लागत नहीं।

मुख्य विशेषताएं

• कस्टमाइज़ेबल इंडेंटेशन (2 या 4 स्पेस) के साथ फॉर्मेट करें — Format बटन पर क्लिक करने से पहले एक्शन बार ड्रॉपडाउन से अपना पसंदीदा इंडेंट साइज़ चुनें। प्रीसेट सेविंग के साथ संयुक्त होने पर चयन सत्रों के बीच बना रहता है।
• एरर मैसेज के साथ JSON सिंटैक्स सत्यापित करें — टूल ऑटो-रिपेयर के प्रयास के बाद JSON.parse चलाता है और अगर इनपुट पार्स नहीं हो सकता तो सटीक एरर मैसेज दिखाता है, जो आउटपुट पैनल में एक्सेसिबल role="alert" एट्रिब्यूट के साथ प्रदर्शित होता है।
• गलत JSON को स्वतः ठीक करें — jsonrepair लाइब्रेरी सिंगल-कोटेड स्ट्रिंग, ट्रेलिंग कॉमा, अनकोटेड की और अन्य सामान्य विचलनों को पार्स करने से पहले ठीक करती है। अगर रिपेयर लागू होती है, एक अलग टोस्ट नोटिफिकेशन आपको बताती है।
• JSON मिनिफाई करें (व्हाइटस्पेस हटाएं) — सभी फॉर्मेटिंग व्हाइटस्पेस हटाकर एकल-लाइन आउटपुट उत्पन्न करता है, कॉन्फिग फ़ाइलों में JSON एम्बेड करने या पेलोड साइज़ कम करने के लिए उपयोगी।
• फॉर्मेटेड आउटपुट क्लिपबोर्ड पर कॉपी करें — Clipboard API का उपयोग करके एक-क्लिक कॉपी, पुराने ब्राउज़रों के लिए फॉलबैक के साथ।
• .json फ़ाइल के रूप में डाउनलोड करें — आउटपुट को application/json MIME टाइप के साथ formatted.json के रूप में सेव करता है।
• Schema Validator टैब — JSON डेटा और JSON Schema draft-07 दस्तावेज़ पेस्ट करें; टूल हर उल्लंघन को उसके सटीक पाथ (जैसे, root.user.email) के साथ रिपोर्ट करता है।
• Schema Generator टैब — कोई भी JSON ऑब्जेक्ट पेस्ट करें; टूल डिटेक्ट किए गए फॉर्मेट (email, date, UUID, URI) सहित JSON Schema draft-07 दस्तावेज़ अनुमानित करता है।
• Tree Viewer टैब — पार्स किए गए JSON को कलर-कोडेड टाइप, सर्च हाइलाइटिंग, सभी को एक्सपैंड/कोलेप्स और एक-क्लिक पाथ कॉपिंग के साथ इंटरेक्टिव कोलेप्सिबल ट्री के रूप में रेंडर करता है।

JSON Formatter का उपयोग कैसे करें

चरण 1: अपना JSON पेस्ट करें

Format/Minify टैब खोलें (डिफ़ॉल्ट व्यू)। बाईं ओर Input पैनल में अपना JSON पेस्ट करें। टेक्स्टएरिया किसी भी साइज़ का इनपुट स्वीकार करता है और नीचे के किनारे को खींचकर वर्टिकली रिसाइज़ किया जा सकता है। अगर आप किसी सहकर्मी से शेयर किया गया लिंक लोड कर रहे हैं, तो टूल URL से इनपुट स्वचालित रूप से पढ़ता है और एक टोस्ट नोटिफिकेशन दिखाता है।

चरण 2: इंडेंटेशन चुनें

पैनलों के नीचे एक्शन बार में, इंडेंट ड्रॉपडाउन खोलें। 2 स्पेस (डिफ़ॉल्ट) या 4 स्पेस चुनें। यह नियंत्रित करता है कि आउटपुट में प्रति नेस्टिंग स्तर कितने स्पेस उपयोग किए जाते हैं। Python प्रोजेक्ट और कुछ स्टाइल गाइड में 4-स्पेस इंडेंट सामान्य है; JavaScript और Node.js इकोसिस्टम में 2-स्पेस मानक है।

चरण 3: Format बटन क्लिक करें

Format बटन पर क्लिक करें या Cmd+Enter (Mac) / Ctrl+Enter (Windows/Linux) दबाएं। फॉर्मेटेड JSON दाईं ओर रीड-ओनली Output पैनल में दिखाई देता है। अगर इनपुट में ठीक करने योग्य समस्याएं हैं — जैसे ट्रेलिंग कॉमा या अनकोटेड की — तो एक टोस्ट नोटिफिकेशन "JSON formatted and repaired" पढ़ता है जो पुष्टि करता है कि रिपेयर लागू की गई थी। अगर JSON अपरिहार्य रूप से अमान्य है, तो आउटपुट पैनल के नीचे विशिष्ट पार्स एरर के साथ एक एरर मैसेज दिखाई देता है।

उदाहरण इनपुट (संकुचित API रिस्पॉन्स):

{"user":{"id":4821,"name":"Maria Santos","email":"maria@example.com","roles":["admin","editor"],"active":true,"lastLogin":null}}

2-स्पेस इंडेंट के साथ आउटपुट:

{
  "user": {
    "id": 4821,
    "name": "Maria Santos",
    "email": "maria@example.com",
    "roles": [
      "admin",
      "editor"
    ],
    "active": true,
    "lastLogin": null
  }
}

चरण 4: मिनिफाई करें (वैकल्पिक)

JSON को वापस एक लाइन में कम करने के लिए, Minify पर क्लिक करें या Cmd+Shift+M / Ctrl+Shift+M दबाएं। यह तब उपयोगी है जब आपके पास फॉर्मेटेड JSON है जिसे एनवायरनमेंट वेरिएबल या कॉन्फिगरेशन स्ट्रिंग में एम्बेड करना है।

चरण 5: आउटपुट कॉपी या डाउनलोड करें

आउटपुट को अपने क्लिपबोर्ड पर रखने के लिए Copy पर क्लिक करें। formatted.json को अपने डाउनलोड फ़ोल्डर में सेव करने के लिए Download पर क्लिक करें। Copy बटन तब तक डिसेबल रहता है जब तक आउटपुट मौजूद न हो, जिससे गलती से खाली क्लिपबोर्ड ऑपरेशन से बचा जा सके।

Schema Validator का उपयोग करें

Schema Validator टैब पर स्विच करें। बाईं पैनल में अपना JSON डेटा और दाईं पैनल में JSON Schema दस्तावेज़ पेस्ट करें, फिर Validate पर क्लिक करें। परिणाम नीचे दिखाई देते हैं — वैध डेटा के लिए हरे चेकमार्क या उल्लंघनों की लाल सूची के साथ। प्रत्येक उल्लंघन अपना डॉट-नोटेशन पाथ (जैसे, root.addresses[0].postalCode) और क्या विफल हुआ इसका सादा-भाषा विवरण दिखाता है (जैसे, "String does not match pattern: ^\\d{5}$")।

Schema Generator का उपयोग करें

Schema Generator टैब पर स्विच करें। एक सैंपल JSON ऑब्जेक्ट पेस्ट करें और Generate Schema पर क्लिक करें। टूल सेकंडों में सैंपल से अनुमानित JSON Schema draft-07 दस्तावेज़ तैयार करता है, जिसमें ईमेल, तारीखों (YYYY-MM-DD), ISO date-time, UUID और URI जैसी दिखने वाली स्ट्रिंग के लिए फॉर्मेट संकेत शामिल हैं।

Tree Viewer का उपयोग करें

Tree Viewer टैब पर स्विच करें। JSON पेस्ट करें और ट्री 500ms डिबाउंस के बाद स्वचालित रूप से बनता है (कोई बटन प्रेस आवश्यक नहीं)। किसी ऑब्जेक्ट या एरे नोड पर क्लिक करके उसे एक्सपैंड या कोलेप्स करें। उस सर्च बॉक्स का उपयोग करें जिसकी key या value आपके टर्म से मेल खाती है। संपूर्ण संरचना को एक बार में खोलने के लिए Expand All पर क्लिक करें, या किसी भी नोड पर होवर करें जिससे कॉपी-पाथ बटन प्रकट हो जो उस फील्ड का डॉट-नोटेशन पाथ कॉपी करता है।

व्यावहारिक उदाहरण

API रिस्पॉन्स डीबग करना

एक REST API ट्रबलशूटिंग के लिए एक संकुचित यूज़र प्रोफाइल लौटाती है:

{"profile":{"id":"a3f8-bc21","created":"2025-11-03","tier":"pro","quota":{"used":14200,"limit":50000},"features":["export","api","webhooks"]}}

इसे पेस्ट करें, 2-स्पेस इंडेंट के साथ Format पर क्लिक करें। आउटपुट तुरंत नेस्टिंग हायरार्की दिखाता है, जिससे स्पष्ट होता है कि quota दो फील्ड वाला नेस्टेड ऑब्जेक्ट है और features तीन स्ट्रिंग का एरे है। परिणाम कॉपी करें और अपनी बग रिपोर्ट में पेस्ट करें।

स्कीमा के विरुद्ध कॉन्फिग फ़ाइल सत्यापित करना

आपका एप्लिकेशन 1 और 65535 के बीच आवश्यक port इंटीजर और आवश्यक host स्ट्रिंग के साथ एक कॉन्फिग की अपेक्षा करता है। Schema Validator के बाएं पैनल में कॉन्फिग JSON और इस तरह का स्कीमा पेस्ट करें:

{
  "type": "object",
  "required": ["host", "port"],
  "properties": {
    "host": { "type": "string" },
    "port": { "type": "integer", "minimum": 1, "maximum": 65535 }
  }
}

अगर port "8080" है (इंटीजर के बजाय स्ट्रिंग), तो validator रिपोर्ट करता है: root.port — Expected integer, got string।

नए API कॉन्ट्रैक्ट के लिए स्कीमा जेनरेट करना

आपके पास एक नई थर्ड-पार्टी API का सैंपल रिस्पॉन्स है और आपको जल्दी से उसके लिए JSON Schema लिखना है। Schema Generator टैब में सैंपल पेस्ट करें और Generate Schema पर क्लिक करें। टूल सेकंडों में draft-07 स्कीमा तैयार करता है, जिसे आप फिर minLength, pattern, या enum वैल्यू जैसी कंस्ट्रेंट जोड़कर मैन्युअल रूप से परिष्कृत कर सकते हैं।

टिप्स और बेस्ट प्रैक्टिस

कीबोर्ड शॉर्टकट का उपयोग करें। Cmd+Enter फॉर्मेट करता है और Cmd+Shift+M मिनिफाई करता है बिना माउस तक पहुंचे। YAML Formatter पर JSON रूपांतरण के लिए समकक्ष शॉर्टकट Cmd+Shift+J है, लेकिन इस टूल पर Cmd+Shift+M का हमेशा मतलब मिनिफाई है।

रिपेयर नोटिफिकेशन जांचें। अगर success toast "formatted and repaired" कहता है न कि "formatted successfully", तो अपना मूल स्रोत देखें। रिपेयर ने एक कॉन्फिग फ़ाइल में एक वास्तविक गलती को ठीक किया होगा जिसे स्रोत पर ठीक किया जाना चाहिए।

ट्री व्यूअर स्वतः बनता है। आपको Build Tree पर क्लिक करने की ज़रूरत नहीं — ट्री 500ms बाद रेंडर होता है जब आप टाइप करना बंद करते हैं। यह इनपुट एडिट करते समय अज्ञात डेटा स्ट्रक्चर को जल्दी एक्सप्लोर करने के लिए उपयोगी है।

JavaScript एक्सेस के लिए पाथ कॉपी करें। Tree Viewer में, किसी भी नोड पर होवर करें और दिखाई देने वाले कॉपी आइकन पर क्लिक करें। कॉपी किया गया पाथ (जैसे, root.users[2].address.city) वही dot-bracket नोटेशन है जिसकी आपको JavaScript में JSON.parse() के बाद उस वैल्यू तक पहुंचने के लिए ज़रूरत है।

स्कीमा जेनरेटर सभी मौजूदा की को required मार्क करता है। स्कीमा जेनरेट करने के बाद, required एरे की समीक्षा करें और उन फील्ड हटाएं जो आपके डेटा मॉडल में वास्तव में वैकल्पिक हैं।

सामान्य समस्याएं और ट्रबलशूटिंग

पेस्ट करने के बाद "Invalid JSON syntax" एरर — इनपुट को स्वचालित रूप से ठीक नहीं किया जा सका। सामान्य कारण कॉपी के दौरान डबल-एस्केप्ड कोट्स (\\" के बजाय \") हैं, या टर्मिनल से पेस्ट किए गए बाइनरी कैरेक्टर। JSON को उसके सोर्स एप्लिकेशन में चुनकर फिर से कॉपी करने की कोशिश करें, या अदृश्य कैरेक्टर जांचें।

Format पर क्लिक करने के बाद आउटपुट खाली है — इनपुट फील्ड खाली है या केवल व्हाइटस्पेस है। Format बटन खाली इनपुट पर डिसेबल होता है, लेकिन अगर यह किसी तरह ट्रिगर होता है, तो एरर मैसेज "Please enter JSON to format" आउटपुट पैनल के नीचे दिखाई देता है।

Schema Validator "Invalid JSON data" दिखाता है — Schema Validator के बाएं पैनल में टेक्स्ट वैलिड JSON नहीं है। Format टैब के विपरीत, Schema Validator ऑटो-रिपेयर नहीं करता। पहले Format टैब में पेस्ट करें, करेक्टेड आउटपुट कॉपी करें, फिर Schema Validator पर वापस आएं।

Tree Viewer "Invalid JSON" दिखाता है — Tree Viewer रिपेयर के बिना JSON.parse से पार्स करता है। अगर आपके JSON में छोटी समस्याएं हैं, तो पहले Format टैब में फॉर्मेट करें ताकि क्लीन कॉपी मिले, फिर उसे Tree Viewer में पेस्ट करें।

डाउनलोड हर बार formatted.json नामक फ़ाइल उत्पन्न करता है — यह डिज़ाइन द्वारा है। डाउनलोड करने के बाद फ़ाइल का नाम बदलें।

गोपनीयता और सुरक्षा

JSON Formatter JavaScript का उपयोग करके आपके ब्राउज़र में सब कुछ प्रोसेस करता है। कोई भी इनपुट — जिसमें संवेदनशील API की, टोकन, पासवर्ड, या JSON में एम्बेड किए गए व्यक्तिगत डेटा शामिल हैं — किसी सर्वर को प्रसारित नहीं किया जाता। पेज लोड होने के बाद टूल पूरी तरह ऑफलाइन काम करता है। फॉर्मेटिंग लॉजिक पर कोई analytics hook नहीं है। आप इस टूल में प्रोडक्शन सीक्रेट, डेटाबेस क्रेडेंशियल, या PII सुरक्षित रूप से पेस्ट कर सकते हैं बिना डेटा आपकी मशीन छोड़े।

अक्सर पूछे जाने वाले प्रश्न

क्या JSON Formatter मुफ्त है? हां, JSON Formatter बिना किसी उपयोग सीमा के पूरी तरह मुफ्त है। Format, Minify, Schema Validator, Schema Generator, और Tree Viewer टैब सभी बिना किसी लागत के उपलब्ध हैं। Glyph Widgets supporter फीचर जैसे सेव्ड प्रीसेट, सेशन हिस्ट्री, और टूल नोट्स supporters के लिए उपलब्ध हैं, लेकिन मूल फॉर्मेटिंग कार्यक्षमता के लिए कुछ भी आवश्यक नहीं है।

क्या यह ऑफलाइन काम करता है? हां। एक बार ब्राउज़र में पेज लोड हो जाने के बाद, सभी फॉर्मेटिंग और वैलिडेशन ऑपरेशन JavaScript में locally चलते हैं। आप इंटरनेट से डिस्कनेक्ट कर सकते हैं और किसी भी कार्यक्षमता के नुकसान के बिना टूल का उपयोग जारी रख सकते हैं।

क्या मेरा डेटा यहां पेस्ट करना सुरक्षित है? हां। सभी प्रोसेसिंग आपके ब्राउज़र में होती है। इनपुट टेक्स्ट कभी भी सर्वर को नहीं भेजा जाता, लॉग नहीं किया जाता, या आपके ब्राउज़र सेशन के बाहर कहीं स्टोर नहीं किया जाता। आप API की, पासवर्ड, या व्यक्तिगत डेटा वाले JSON को सुरक्षित रूप से फॉर्मेट कर सकते हैं।

ऑटो-रिपेयर कौन से JSON फॉर्मेट हैंडल करता है? टूल jsonrepair लाइब्रेरी का उपयोग करता है, जो सिंगल-कोटेड स्ट्रिंग, ऑब्जेक्ट और एरे में ट्रेलिंग कॉमा, अनकोटेड प्रॉपर्टी की, कमेंट (// और / /), मिसिंग क्लोजिंग ब्रैकेट और JSON स्पेसिफिकेशन से अन्य सामान्य विचलनों को हैंडल करता है।

Schema Validator कौन सी कंस्ट्रेंट सपोर्ट करता है? Validator type, enum, required, properties, additionalProperties, minProperties, maxProperties, minLength, maxLength, pattern, format (email, uri, date, date-time, ipv4, ipv6, uuid), minimum, maximum, exclusiveMinimum, exclusiveMaximum, multipleOf, minItems, maxItems, uniqueItems, और items सपोर्ट करता है।

Schema Generator स्वतः कौन से फॉर्मेट डिटेक्ट करता है? Generator ईमेल एड्रेस, ISO तारीखें (YYYY-MM-DD), ISO date-time, UUID और URI डिटेक्ट करता है। यह न्यूमेरिक वैल्यू के लिए integer और number टाइप के बीच भी अंतर करता है।

क्या मैं ऑब्जेक्ट के बजाय एरे वैलिडेट कर सकता हूं? हां। Schema Validator और Schema Generator दोनों रूट लेवल पर किसी भी वैलिड JSON वैल्यू को स्वीकार करते हैं — जिसमें एरे, स्ट्रिंग, नंबर और बूलियन शामिल हैं, न केवल ऑब्जेक्ट।

फॉर्मेट करने का कीबोर्ड शॉर्टकट क्या है? Format ट्रिगर करने के लिए macOS पर Cmd+Enter या Windows और Linux पर Ctrl+Enter दबाएं। Minify के लिए Cmd+Shift+M या Ctrl+Shift+M दबाएं। ये शॉर्टकट केवल तब सक्रिय होते हैं जब Format/Minify टैब सक्रिय हो।

क्या टूल बहुत बड़ी JSON फ़ाइलें हैंडल कर सकता है? टूल प्रति हिस्ट्री एंट्री 10,000 कैरेक्टर तक स्टोर करता है, लेकिन फॉर्मेटिंग में ब्राउज़र मेमोरी से परे कोई अंतर्निहित सीमा नहीं है। बहुत बड़ी फ़ाइलें (कई मेगाबाइट) सही ढंग से फॉर्मेट होंगी लेकिन कम-एंड डिवाइस पर टेक्स्टएरिया धीमा महसूस हो सकता है।

जेनरेट किया गया स्कीमा किस स्कीमा ड्राफ्ट को टार्गेट करता है? Generator JSON Schema draft-07 दस्तावेज़ तैयार करता है, जिसे आउटपुट में "$schema": "http://json-schema.org/draft-07/schema#" द्वारा पहचाना जाता है।

संबंधित टूल

XML Formatter — समान इंडेंटेशन नियंत्रण और मिनिफिकेशन समर्थन के साथ XML दस्तावेज़ फॉर्मेट और वैलिडेट करें।

YAML Formatter — YAML फ़ाइलें फॉर्मेट करें और उन्हें कॉन्फिगरेबल इंडेंटेशन के साथ सीधे JSON आउटपुट में कन्वर्ट करें।

JSON Converter — JSON को CSV, XML, YAML और अन्य डेटा फॉर्मेट से कन्वर्ट करें।

अभी JSON Formatter आज़माएं: JSON Formatter