Перейти до основного вмісту
LibraTool logoLibraTool

Форматування 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 і прочитайте їх ясно відформатовані.

Як це працює

Форматувальник працює повністю у вашому браузері на вбудованих у JavaScript JSON.parse і JSON.stringify — без бібліотек і сервера. Розбір, форматування, мініфікація та інтерактивне дерево працюють локально під час введення.

  1. 1
    Живий розбір під час введення
    JSON.parse запускається через 200 ms після останнього натискання. Якщо розбір не вдається, власноруч написана функція визначення місця помилки читає повідомлення SyntaxError від V8 чи Firefox, витягує номер рядка й стовпця та пропонує посилання для переходу до помилки в текстовому полі.
  2. 2
    Виявлення небезпечних цілих чисел
    Перед виведенням інструмент сканує сирий текст на цілочисельні літерали з 16 і більше цифр (ігноруючи ті, що в рядках у лапках), а потім перевіряє кожен через Number.isSafeInteger. Якщо будь-яке число мовчки округлилося б через зберігання в подвійній точності IEEE-754, перед копіюванням чи завантаженням з’являється попередження.
  3. 3
    Форматування, мініфікація й сортування ключів
    JSON.stringify(value, null, indent) дає відформатований чи мініфікований результат. Коли ввімкнено сортування ключів, рекурсивна функція проходить кожен об’єкт у розібраному дереві й перебудовує його через Object.keys(...).sort() перед серіалізацією — масиви зберігають початковий порядок.
  4. 4
    Інтерактивне дерево
    Дерево — це власноруч написане рекурсивне сплющення, що перетворює розібраний об’єкт на плаский список вузлів із глибиною, шляхом і станом розгорнуто/згорнуто. Рендеринг обмежено 5,000 видимими вузлами, щоб вкладка не зависала на документах у кілька мегабайтів з великими розгорнутими масивами.

Усе працює локально у вашому браузері — ваш JSON ніколи не надсилається на сервер.

Схожі інструменти

🗜️

Мініфікатор та форматувальник CSS

Мінімізуйте CSS для зменшення розміру файлу або форматуйте мінімізований CSS для читабельності. Миттєво, у вашому браузері.

Спробувати
🎨

Форматувальник CSS

Форматуйте мінімізований CSS з однаковими відступами або мінімізуйте його. Додаткове сортування властивостей за абеткою для передбачуваних відмінностей.

Спробувати
🌐

Форматувальник і мініфікатор HTML

Красиво форматуйте або мінімізуйте HTML із правильними відступами вкладеності. Зберігає вміст усередині блоків <pre>, <script>, <style>.

Спробувати

Часті запитання