HTML, CSS, JavaScript, JSON и XML — развернуть в одном месте
Развернуть минифицированный HTML, CSS, JavaScript, JSON и XML в одном окне браузера
Продакшен-сборки по задумке приходят минифицированными: HTML-шаблоны в одну строку, таблицы стилей без пробелов, JavaScript-бандлы сплющены, JSON-логи сжаты, XML-экспорты без отступов. Байты экономятся, отладка мучает. Эта страница для момента, когда вы вставили фрагмент и снова нужна читаемая структура — не полноценная IDE, не пайплайн сборки, а быстрый локальный проход развёртывания после вставки или импорта файла.

Что здесь значит «развернуть» — и чего инструмент не делает
Развернуть в этом инструменте — вернуть переносы строк и отступы, чтобы проследить вложенность, найти пропущенную скобку или скопировать блок в тикет. Та же практическая цель, что при поиске развернуть HTML, развернуть CSS, развернуть JavaScript, развернуть JSON или развернуть XML — один формат, одна задача, читаемый текст. Это не деобфускация JavaScript: переименованные переменные, удалённые комментарии и намеренное кодирование остаются. Ввод валиден, но сжат — развёртывание помогает; если код намеренно обфусцирован, вы увидите структуру, не секреты.
Отдельные форматировщики обычно предполагают, что тип файла уже известен. Здесь автоопределение направляет вставку в нужный движок; при ошибке формат можно переопределить. Если HTML содержит встроенные скрипты или стили, опциональное inline-развёртывание форматирует код в <script> и <style> — удобно, когда страница в одну строку, а баг в колбэке. Когда JSON, XML или HTML слегка повреждены, перед развёртыванием может сработать восстановление — как в наших просмотрщиках — чтобы лишняя запятая или неверный закрывающий тег не блокировали всю работу.
Вставить и развернутьПять форматов, одна панель
Не нужно угадывать, какую вкладку форматировщика открыть. Вставьте один раз — область обработает HTML, CSS, JavaScript, JSON и XML, или выберите формат вручную, если уже знаете его.
После развёртывания — предпросмотр в настоящем просмотрщике
Развёрнутый HTML открывается в Playground главной страницы с живым предпросмотром. JSON и XML переходят в JSON-просмотрщик и XML-просмотрщик с уже загруженным результатом — структура, по которой можно кликать, а не плоское текстовое поле.
Вставленное остаётся на вашем компьютере
Развёртывание выполняется во вкладке браузера. Ничего не отправляется на обработку — важно для фрагментов из staging API, репозитория клиента или журнала инцидента.
Чем эта страница отличается от обычного форматировщика
Развёртывание нескольких форматов плюс предпросмотр в просмотрщике — то, что редко совмещают узкие инструменты.

Один вход для форматов, которые вы реально вставляете
Команды редко минифицируют один язык. Landing HTML из CMS, таблица стилей с CDN, конфиг JSON в строке лога, legacy XML — переключение между пятью закладками форматировщиков рвёт поток. Здесь отступ, восстановление и вывод на одном экране, пока не закончите задачу.
Как развернуть код на этой странице

1) Вставьте, импортируйте или введите минифицированный код
Поместите продакшен-вывод в панель ввода или импортируйте файл. Оставьте «Автоопределение», если тип неизвестен — например, принудительно JSON, когда фрагмент лога ошибочно определяется. Настройки отступа действуют до развёртывания.

2) Дайте области развернуть код
Нажмите «Развернуть», если авто-запуск выключен, или вставьте для запуска. Для HTML со встроенными скриптами включите «Развернуть inline JS и CSS», когда баг внутри тега, а не в каркасе разметки. При сбое попробуйте восстановление для HTML, JSON или XML или смените формат вручную.

3) Откройте просмотрщик, если формат поддерживается
Используйте значок глаза «Предпросмотр в просмотрщике». HTML загружается в Playground; JSON — в JSON-просмотрщик; XML — в XML-просмотрщик. Для CSS и JavaScript кнопка серая — разворачивайте для правки, не для визуальной проверки.

4) Копируйте, скачивайте или продолжайте изучение
Скопируйте развёрнутый текст в редактор, скачайте с нужным расширением или останьтесь в просмотрщике для узлов и предпросмотра. После смены отступа или восстановления запустите снова — вывод обновится на месте.
FAQ по развёртыванию кода
Разверните фрагмент из буфера обмена
Разверните HTML, CSS, JavaScript, JSON или XML локально — затем предпросмотр HTML, JSON и XML в полноценных просмотрщиках.
Развёртывание минифицированного кода
- Автоопределение или ручной выбор: HTML, CSS, JS, JSON, XML
- Предпросмотр развёрнутых HTML, JSON и XML в просмотрщиках сайта
- Опциональное inline-развёртывание скриптов и стилей для HTML
- Восстановление повреждённого JSON, XML и HTML
Работает в браузере. Регистрация не нужна.

Хватит горизонтально прокручивать однострочный продакшен-код
Вставьте, разверните, предпросмотрите, если формат поддерживается, и копируйте, когда структура наконец читается как написанная человеком.
