मुफ़्त JSON फ़ॉर्मेटर
JSON डेटा को प्रारूपित करें, मान्य करें, छोटा करें और एक्सप्लोर करें। ट्री व्यू, सिंटैक्स हाइलाइटिंग और एक-क्लिक कॉपी।
सामान्य उपयोग
- API प्रतिक्रियाओं को फॉर्मेट करेंकच्ची API JSON प्रतिक्रिया पेस्ट करें और तुरंत इसे पठनीय, इंडेंटेड आउटपुट में फॉर्मेट करें।
- JSON कॉन्फिग फाइलों को फॉर्मेट करेंJSON कॉन्फ़िगरेशन फाइलों को साफ करें और मान्य करें — package.json, tsconfig.json, सेटिंग्स और अन्य।
- डिबग करने के लिए JSON को फॉर्मेट करेंमिनिफाइड या एस्केप किए गए JSON लॉग, एरर पेलोड और डेटाबेस आउटपुट को तुरंत खोलें।
- JSON अनुवाद फाइलों को फॉर्मेट करेंReact, Vue और Next.js ऐप्स में उपयोग किए जाने वाले i18n अनुवाद JSON फाइलों को मान्य और सुंदर बनाएं (en.json, de.json)।
- Webhook पेलोड को निरीक्षण और फॉर्मेट करेंStripe, GitHub या Shopify से कच्चे Webhook पेलोड पेस्ट करें और उन्हें स्पष्ट रूप से फॉर्मेट किए गए पढ़ें।
यह कैसे काम करता है
फ़ॉर्मेटर पूरी तरह आपके ब्राउज़र में JavaScript के बिल्ट-इन JSON.parse और JSON.stringify का उपयोग करके चलता है — कोई लाइब्रेरी नहीं, कोई सर्वर नहीं। पार्सिंग, फ़ॉर्मेटिंग, मिनिफ़ाइंग, और इंटरैक्टिव ट्री व्यू सब टाइप करते ही स्थानीय रूप से होते हैं।
- 1इनपुट पर लाइव पार्सJSON.parse आपकी आख़िरी कीस्ट्रोक के 200 ms बाद चलता है। अगर पार्सिंग विफल होती है, एक हाथ से लिखा error-location फ़ंक्शन V8 या Firefox से SyntaxError संदेश पढ़ता है, लाइन और कॉलम नंबर निकालता है, और textarea में एक jump-to-error लिंक देता है।
- 2असुरक्षित इंटीजर डिटेक्शनआउटपुट दिखाने से पहले, टूल 16 या ज़्यादा अंकों के इंटीजर लिटरल के लिए रॉ सोर्स स्कैन करता है (कोट किए स्ट्रिंग के अंदर वालों को नज़रअंदाज़ करते हुए), फिर हर एक को Number.isSafeInteger से टेस्ट करता है। अगर कोई IEEE-754 double स्टोरेज द्वारा चुपचाप राउंड हो जाएगा, कॉपी या डाउनलोड करने से पहले एक चेतावनी दिखती है।
- 3फ़ॉर्मेटिंग, मिनिफ़ाइंग, और की सॉर्टिंगJSON.stringify(value, null, indent) फ़ॉर्मेटेड या मिनिफ़ाइड आउटपुट बनाता है। जब sort keys चालू है, एक रिकर्सिव फ़ंक्शन पार्स किए ट्री में हर ऑब्जेक्ट पर चलता है और सीरियलाइज़ेशन से पहले इसे Object.keys(...).sort() के साथ फिर से बनाता है — array उनके मूल क्रम में छोड़े जाते हैं।
- 4इंटरैक्टिव ट्री व्यूट्री व्यू एक हाथ से लिखा रिकर्सिव flatten है जो पार्स किए ऑब्जेक्ट को डेप्थ, पाथ, और विस्तार/समेटने स्टेट वाली नोड्स की एक सपाट सूची में बदलता है। बड़े विस्तारित array वाले मल्टी-मेगाबाइट दस्तावेज़ों पर टैब को फ़्रीज़ होने से रोकने के लिए रेंडरिंग 5,000 दिखाई देने वाली नोड्स तक सीमित है।
सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है — आपका JSON कभी किसी सर्वर को नहीं भेजा जाता।
संबंधित टूल
CSS मिनिफायर और ब्यूटीफायर
फ़ाइल का आकार घटाने के लिए CSS को मिनिफ़ाई करें, या पठनीयता के लिए मिनिफ़ाई की गई CSS को सुव्यवस्थित (beautify) करें। तुरंत, आपके ब्राउज़र में।
CSS सौंदर्यवर्धक
मिनिफ़ाई की गई CSS को एकसमान इंडेंटेशन के साथ पढ़ने लायक बनाएँ, या उसे मिनिफ़ाई करें। अनुमानित diff के लिए प्रॉपर्टी को वर्णानुक्रम में क्रमबद्ध करने का विकल्प।
HTML ब्यूटीफायर और मिनिफायर
उचित नेस्टिंग इंडेंटेशन के साथ HTML को सुंदर-प्रिंट या मिनिफ़ाई करें। <pre>, <script>, <style> ब्लॉक के अंदर की सामग्री सुरक्षित रखता है।