JSON נמצא בכל מקום. לקרוא אותו גולמי זה סיוט.
כל מפתח הכיר את הרגע הזה: שולחים request לendpoint, ומקבלים קיר של JSON בטרמינל. אתה מחפש שדה מקונן שש רמות למטה. או שאתה פותח package.json שמישהו שינה ומנסה לזהות את ההבדל בעיניים. JSON גולמי ידידותי למכונות. לא לעיניים אנושיות.
זו בדיוק הבעיה שכלי ה-JSON Viewer Online של FileCrank פותר — בלי התקנה, בלי הרשמה, הכל רץ ישירות בדפדפן.
מה אפשר לעשות איתו
הדבק וגלוש מיד
שים כל JSON בחלון הקלט. הכלי מרנדר מיד tree view צבעוני שאפשר לקפל ולפתוח:
- מחרוזות בירוק
- מספרים בכחול
- בוליאנים בסגול
- null באפור
קפל את ה-array של data כדי להתמקד בבלוק meta. פתח רק את ה-object שמעניין אותך. זה לבד חוסך דקות בניווט בתגובת API גדולה.
תמיכה ב-JSONC — כולל comments
עובד עם קבצי קונפיגורציה? הרבה קבצים אמיתיים — הגדרות VS Code, קונפיגורציות TypeScript — משתמשים ב-JSONC: JSON עם comments. ה-JSON.parse הרגיל נכשל על // ו-/* */. כלי ה-json formatter online הזה מסיר את ה-comments אוטומטית לפני ה-parse, אז אתה מדביק את הקובץ כמו שהוא בלי למחוק כלום ידנית.
לערוך ישירות בדפדפן
אתה לא צריך לפתוח עורך טקסט כדי לתקן ערך שגוי. לחץ על כל ערך ב-tree כדי לערוך אותו inline. הכלי מזהה את הטיפוס אוטומטית: הקלד true ויהיה boolean, הקלד 42 ויהיה number. לחיצה כפולה על שם מפתח מאפשרת לשנות את שמו.
דוגמה: קיבלת webhook payload שבו "active": "true" הוא string במקום boolean. לוחצים על הערך, מקלידים true בלי מרכאות, Enter. תיקנו.
הוספה ומחיקה של nodes
צריך להוסיף מפתח חדש? לחץ על + ליד כל object או array. צריך למחוק? לחץ × על ה-node. ה-tree מתעדכן מיד.
פאנל Generated JSON בזמן אמת
בזמן שאתה עורך, פאנל "Generated JSON" מתעדכן בזמן אמת ומציג את ה-JSON המלא אחרי השינויים — מוכן להעתקה. אין שלב "apply" נפרד. מה שאתה רואה ב-tree זה מה שיוצא ב-output.
העתקה, איפוס ומעקב אחר שינויים
לחיצה אחת על "העתק" שולחת את ה-JSON המלא ל-clipboard. "איפוס" מחזיר הכל למה שהדבקת בהתחלה. badge ענברי מעודכן מופיע כשהגרסה שלך שונה מהקלט המקורי.
דוגמה מהחיים האמיתיים
נניח שאתה מדבג תגובה מ-REST API:
- מעתיקים את ה-response body מ-network tab או מ-API client
- מדביקים אותו ב-JSON Viewer
- מקפלים את ה-array של
results— יש 200 פריטים ומעניין אותנו רק ה-envelope - שמים לב ש-
pagination.totalהוא"500"(string) במקום500(number) - לוחצים על הערך, מקלידים
500, Enter - מעתיקים את ה-JSON המתוקן מפאנל ה-output
- מדביקים אותו ב-test fixture או ב-bug report
זמן כולל: פחות מ-30 שניות. בלי שום כלי מקומי.
כדאי לנסות עכשיו
פתח את כלי ה-JSON Viewer Online, הדבק תגובת API שרצית לבדוק, ותראה כמה ה-tree view עוזר להבין את המבנה מהר יותר מלהסתכל על JSON דחוס.
אם אתה עובד עם נתונים מובנים מעבר ל-JSON, כדאי לבדוק גם את JSON ל-CSV, CSV ל-JSON או Base64 Encode & Decode.