דלג לתוכן הראשי

מעצב JSON בחינם

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

פועל לא-מקוון לאחר טעינה

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

  • פרמטר תגובות APIהדבק תגובות JSON API גולמיות ופרמטר אותן מיד לפלט קריא וממוזער.
  • פרמטר קובצי קונפיגורציה JSONנקה ותקבל קובצי קונפיגורציה JSON - package.json, tsconfig.json, הגדרות ועוד.
  • פרמטר JSON לאתור באגיםפזרו מיד תיקיות JSON משודרות או מנוקזות, עומסי שגיאות וריצות מסד נתונים.
  • פרמטר קובצי תרגום JSONאמת וחזק קובצי תרגום i18n JSON (en.json, de.json) המשמשים ביישומי React, Vue ו-Next.js.
  • בדוק ופרמטר מטענים webhookהדבק מטענים webhook מ-Stripe, GitHub או Shopify וקרא אותם בפורמט ברור.

כיצד זה עובד

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

  1. 1
    פענוח חי בקלט
    JSON.parse פועל 200 מ"ש אחרי ההקשה האחרונה שלך. אם הפענוח נכשל, פונקציית מיקום-שגיאה כתובה-יד קוראת את הודעת ה-SyntaxError מ-V8 או Firefox, מחלצת את מספר השורה והעמודה, ומציעה קישור קפוץ-לשגיאה באזור הטקסט.
  2. 2
    זיהוי מספר שלם לא-בטוח
    לפני הצגת הפלט, הכלי סורק את המקור הגולמי עבור מילוליות מספר שלם בנות 16 ספרות או יותר (מתעלם מאלה שבתוך מחרוזות מצוטטות), ואז בודק כל אחד עם Number.isSafeInteger. אם כלשהו יעוגל בשקט על ידי אחסון double IEEE-754, אזהרה מופיעה לפני שאתה מעתיק או מוריד.
  3. 3
    עיצוב, מזעור, ומיון מפתחות
    JSON.stringify(value, null, indent) מפיק את הפלט המעוצב או המוקטן. כשמיון-מפתחות פעיל, פונקציה רקורסיבית עוברת על כל אובייקט בעץ המפוענח ובונה אותו מחדש עם Object.keys(...).sort() לפני הסריאליזציה — מערכים נשארים בסדר המקורי שלהם.
  4. 4
    תצוגת עץ אינטראקטיבית
    תצוגת העץ היא שיטוח רקורסיבי כתוב-יד שממיר את האובייקט המפוענח לרשימה שטוחה של צמתים עם עומק, נתיב, ומצב הרחבה/כיווץ. ההצגה מוגבלת ל-5,000 צמתים גלויים כדי למנוע מהלשונית להיתקע במסמכים בני כמה מגה-בייטים עם מערכים מורחבים גדולים.

הכול פועל מקומית בדפדפן שלך — ה-JSON שלך לעולם לא נשלח לשום שרת.

כלים קשורים

שאלות נפוצות