Форматиране на 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. Ако някой би бил мълчаливо закръглен от съхранението на IEEE-754 двойна точност, се появява предупреждение преди да копирате или изтеглите.
- 3Форматиране, минимизиране и сортиране на ключовеJSON.stringify(value, null, indent) произвежда форматирания или минимизиран изход. Когато сортирането на ключове е включено, рекурсивна функция обхожда всеки обект в анализираното дърво и го изгражда наново с Object.keys(...).sort() преди сериализация — масивите се оставят в оригиналния си ред.
- 4Интерактивен изглед на дървоИзгледът на дърво е ръчно написано рекурсивно сплескване, което преобразува анализирания обект в плосък списък от възли с дълбочина, път и състояние на разгъване/свиване. Рендерирането е ограничено до 5000 видими възела, за да се предотврати замразяване на раздела при многомегабайтови документи с големи разгънати масиви.
Всичко работи локално във вашия браузър — вашият JSON никога не се изпраща до сървър.
Свързани инструменти
Минификатор и форматиращ инструмент за CSS
Минифицирайте CSS за намаляване на размера на файла или разкрасете минифициран CSS за четимост. Мигновено, в браузъра ви.
Разкрасяване на CSS
Форматирайте минимизиран CSS с последователни отстъпи или го минимизирайте. По избор сортиране на свойствата по азбучен ред за предвидими разлики.
Разкрасяване и минификация на HTML
Форматирайте или минифицирайте HTML с правилно отстъпване на вложените елементи. Запазва съдържанието вътре в <pre>, <script>, <style> блокове.