JSON हर जगह है। Raw JSON पढ़ना बहुत painful है।
हर developer ने यह झेला है: एक API endpoint hit करो, terminal में JSON की दीवार आ जाती है, और तुम छह levels नीचे nested किसी field को ढूंढ रहे हो। या किसी का modify किया हुआ package.json खोलो और आंखों से difference ढूंढने की कोशिश करो। Raw JSON machines के लिए friendly है। Human eyes के लिए नहीं।
यही problem solve करता है FileCrank का JSON Viewer & Editor Online — कोई installation नहीं, कोई sign-up नहीं, सब कुछ browser में।
इससे क्या-क्या कर सकते हैं
Paste करो और तुरंत explore करो
Input panel में कोई भी JSON डालो। Tool तुरंत एक color-coded, expandable tree render कर देता है:
- Strings हरे रंग में
- Numbers नीले रंग में
- Booleans बैंगनी रंग में
- Null values grey रंग में
data array को collapse करो और meta block पर focus करो। सिर्फ वही object expand करो जो चाहिए। बड़े API response में navigate करते वक्त इससे अकेले कई मिनट बच जाते हैं।
JSONC Support — Comments के साथ
Config files पर काम कर रहे हो? बहुत सारे real-world configs — VS Code settings, TypeScript configs — JSONC use करते हैं: यानी JSON जिसमें comments हों। Standard JSON.parse // और /* */ पर fail हो जाता है। यह json formatter online उन्हें parse करने से पहले automatically strip कर देता है, तो config को जैसे का तैसा paste कर सकते हो।
Browser में ही Inline Edit करो
कोई गलत value fix करने के लिए text editor खोलने की जरूरत नहीं। Tree में किसी भी value पर click करो और inline edit करो। Type automatically detect होता है: true type करो तो boolean बन जाता है, 42 type करो तो number। किसी key के नाम पर double-click करके उसे rename कर सकते हो।
Example: Webhook payload मिला जिसमें "active": "true" string है बजाय boolean के। Value पर click करो, बिना quotes के true type करो, Enter दबाओ। हो गया।
Nodes Add और Remove करो
नया key-value pair add करना है? किसी भी object या array के पास + button दबाओ। Delete करना है? उस node पर × दबाओ। Tree instantly update हो जाता है।
Live Generated JSON Panel
Edit करते समय नीचे "Generated JSON" panel real-time में update होता रहता है — modified JSON ready to copy दिखाता है। कोई अलग "apply" step नहीं है। Tree में जो दिखता है, output में वही मिलता है।
Copy, Reset, और Changes Track करो
"Copy" पर एक click से पूरा JSON clipboard में चला जाता है। "Reset" से सब कुछ originally paste किए गए JSON पर वापस आ जाता है। जब तुम्हारी working copy input से अलग हो, तो amber रंग का Modified badge दिखाई देता है।
एक Real Workflow
मान लो तुम एक REST API response debug कर रहे हो:
- Network tab या API client से response body copy करो
- JSON Viewer में paste करो
resultsarray collapse करो — 200 items हैं, तुम्हें सिर्फ envelope चाहिए- देखते हो
pagination.totalका value"500"(string) है बजाय500(number) के - Value पर click करो,
500type करो, Enter दबाओ - Output panel से corrected JSON copy करो
- Test fixture या bug report में paste करो
Total time: 30 seconds से कम। कोई local tool नहीं।
अभी Try करो
JSON Formatter Online खोलो, एक API response paste करो जिसे inspect करना था, और देखो tree view से structure समझना कितना faster होता है compared to minified JSON देखने के।
अगर JSON से आगे structured data के साथ काम करना है, तो देखो JSON to CSV, CSV to JSON, या Base64 Encode & Decode.