ממיר חינם

עץ JSON צופה

הצג, עיצוב וחקור נתוני JSON בעץ מתקפל אינטראקטיבי. חינם, מאובטח וללא צורך בהעלאה.

גרור ושחרר כאן קובץ JSON

או הדבק את טקסט JSON למטה

אוֹ

אודות כלי זה

צופי עצי JSON מציגים נתוני JSON כעץ היררכי שניתן לנווט במקום כטקסט רגיל. כל חפץ הופך לענף מתקפל; מערכים מציגים את הפריטים שלהם בנפרד; ערכים פרימיטיביים מופיעים כעלים. התצוגה המבנית מקלה על מציאת שדות ספציפיים בנתונים מקוננים עמוקים, לכווץ תתי-עצים לא רלוונטיים ולנווט במסמכי JSON גדולים שלא ניתן יהיה לנהל אותם כטקסט שטוח.

בהשוואה לטקסט JSON מעוצב, תצוגות עץ מצטיינות בניווט בנתונים גדולים. תגובת API של 10MB אינה מעשית לגלילה כטקסט, אך ניתנת לעיבוד כעץ שבו אתה מכווץ מפתחות ברמה העליונה שלא אכפת לך מהם ומרחיב רק את החלקים המעניינים.

מציג זה מעבד JSON בעץ מובנה בדפדפן שלך. החיפוש מסנן ענפים לפי מפתח או ערך. תצוגה מודעת לסוג מבדילה בין מחרוזות, מספרים, בוליאנים, null, אובייקטים ומערכים.

למה להשתמש ב-JSON Tree Viewer

קשה לנווט בנתונים מקוננים עמוקים כטקסט. לקובצי תצורה, תגובות API ומצב סידורי יש לרוב 5+ רמות של קינון. תצוגת עץ מאפשרת לך לכווץ רמות לא רלוונטיות ולהתמקד במה שחשוב; תצוגות טקסט דורשות גלילה זהירה וספירה בסוגריים.

גם יכולות החיפוש והסינון חשובות. מציאת כל המפתחות בשם 'user_id' במסמך מורכב הוא מהיר עם מציג מודע לחיפוש; בלתי אפשרי לעשות בצורה מהימנה עם טקסט רגיל.

כיצד להשתמש

הדבק JSON, נווט בעץ.

  1. הדבק את ה-JSON שלך: שחרר את JSON לאזור הקלט. הצופה מנתח ומציג את העץ המובנה.
  2. הרחב ותמוטט: לחץ על ענפים כדי להרחיב או לכווץ. שימושי להתמקדות בתתי עצים ספציפיים של נתונים גדולים.
  3. חפש: סנן לפי מפתח או ערך. ענפים תואמים נשארים גלויים; שאינם תואמים מוסתרים.
  4. בדוק ערכים ספציפיים: לחץ על דף כדי לראות את ערכו המלא (שימושי עבור מחרוזות ארוכות) והעתק את הנתיב (למשל, users.0.profile.email) לשימוש בקוד.

מקרי שימוש נפוצים

פרטים טכניים

ניתוח JSON משתמש ב-JSON.parse, שנכשל בקלט לא חוקי עם שגיאת ניתוח שמצביעה על מיקום הבעיה. JSON חוקי מעבד לאובייקט JavaScript שהצופה הולך בו באופן רקורסיבי כדי לייצר את העץ.

עיבוד: כל רמת קינון הופכת לענף מחורר. מפתחות אובייקט הם תוויות; ערכים מוצגים על סמך סוג - מחרוזות במירכאות, מספרים ללא, בוליאנים כ-true/false, null במפורש, אובייקטים ומערכים כענפים מתקפלים.

ביצועים: JSON גדול מאוד (10MB+) יכול להאט את העיבוד. הרחבה עצלה (עיבוד רק ענפים גלויים כרגע) עוזרת. חיפוש במסמכים גדולים עשוי לקחת זמן ניכר; אינדקס העץ בניתוח הראשון עוזר.

שיטות עבודה מומלצות

שאלות נפוצות

כמה עמוק יכול להגיע עץ ה-JSON?
אין מגבלת עומק מלאכותית. הכלי מעבד עצים לעומק כמו מבנה ה-JSON שלך. עם זאת, קינון עמוק במיוחד (100+ רמות) עשוי להאט את העיבוד בדפדפן.
האם אני יכול לחפש בתוך עץ JSON?
השתמש ב-Ctrl/Cmd+F כדי לחפש מפתחות או ערכים. צמתים תואמים יודגשו וצמתי האב שלהם יורחבו אוטומטית כדי להציג את הנתיב.
באיזה פורמט נתיב JSON נעשה שימוש?
הכלי משתמש בסימון נקודות JSONPath ($.key.nested.array[0].value). פורמט זה תואם לגישה לנכסי JavaScript ולרוב ספריות JSONPath.
האם אוכל לערוך ערכים בעץ?
זהו צופה לקריאה בלבד לחקירה. לעריכת JSON, השתמש בכלי ה-JSON Formatter שלנו המספק ממשק שניתן לעריכה עם אימות.
האם הנתונים שלי מועלים?
לא. ניתוח ועיבוד מתרחשים בדפדפן שלך.
איך אני מייצא חלק מהעץ?
רוב הצופים מציעים העתקה כ-JSON עבור סניפים נבחרים. הערך המיוצא הוא אותו מבנה עם המפתחות שנבחרו בלבד.
מדוע העץ איטי עם נתונים גדולים?
עיבוד DOM של צמתים רבים הוא יקר. הרחבה עצלנית (עיבוד רק ענפים גלויים) עוזרת; עבור נתונים גדולים מאוד, כלים ייעודיים (jq, קוד) יעילים יותר.
האם אוכל להציג JSON מכתובת אתר?
חלק מהצופים מביאים כתובות אתרים ישירות. אחרים דורשים הדבקה. CORS עשוי למנוע שליפת מקורות צולבים מכתובות URL מסוימות.