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