قالببندی 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 داخلی جاوااسکریپت اجرا میشود — بدون کتابخانه، بدون سرور. تجزیه، قالببندی، مینیفیکیشن، و نمای درخت تعاملی همگی به‌صورت محلی هنگام تایپ اتفاق می‌افتند.
- 1تجزیه زنده روی ورودیJSON.parse ۲۰۰ میلی‌ثانیه پس از آخرین ضربه کلید شما اجرا میشود. اگر تجزیه شکست بخورد، یک تابع مکان-خطای دست‌نویس پیام SyntaxError را از V8 یا Firefox می‌خواند، شماره خط و ستون را استخراج میکند، و یک لینک پرش-به-خطا در textarea پیشنهاد میدهد.
- 2تشخیص عدد-صحیح ناامنپیش از نمایش خروجی، ابزار منبع خام را برای لیترال‌های عدد صحیح ۱۶ رقمی یا بیشتر اسکن میکند (رشته‌های داخل نقلقول را نادیده می‌گیرد)، سپس هر کدام را با Number.isSafeInteger آزمایش میکند. اگر هر کدام در ذخیره‌سازی ممیز شناور ۶۴ بیتی IEEE-754 بی‌صدا گرد می‌شد، یک هشدار پیش از کپی یا دانلود ظاهر میشود.
- 3قالببندی، مینیفیکیشن، و مرتبسازی کلیدJSON.stringify(value, null, indent) خروجی قالببندیشده یا مینیفای‌شده را تولید میکند. وقتی مرتبسازی کلیدها روشن است، یک تابع بازگشتی هر شیء در درخت تجزیه‌شده را می‌گردد و آن را با Object.keys(...).sort() پیش از سریال‌سازی بازمی‌سازد — آرایه‌ها به ترتیب اصلی خود باقی می‌مانند.
- 4نمای درخت تعاملینمای درخت یک مسطح‌ساز بازگشتی دست‌نویس است که شیء تجزیه‌شده را به یک فهرست مسطح از گرهها با عمق، مسیر و حالت باز/بسته تبدیل میکند. رندر به ۵٬۰۰۰ گره قابل‌مشاهده محدود میشود تا تب روی اسناد چندمگابایتی با آرایه‌های بزرگ باز‌شده هنگ نکند.
همه‌چیز به‌صورت محلی در مرورگر شما اجرا میشود — JSON شما هرگز به هیچ سروری ارسال نمی‌شود.
ابزارهای مرتبط
فشرده‌ساز و زیباساز CSS
CSS را برای کاهش حجم فایل فشرده کنید یا CSS فشرده را برای خوانایی زیباسازی کنید. فوری، در مرورگر شما.
زیباساز CSS
CSS فشرده را با تورفتگی یکدست مرتب کنید، یا فشرده‌اش کنید. مرتبسازی الفبایی اختیاری ویژگی‌ها برای تفاوت‌های قابل پیش‌بینی.
زیباساز و فشرده‌ساز HTML
HTML را با تورفتگی تودرتوی مناسب زیباسازی یا فشرده کنید. محتوا درون تگ‌های <pre>، <script>، <style> را حفظ میکند.