Форматтер HTML, CSS и JavaScript
Вставьте код — инструмент сам поймёт язык. Кнопка «Отформатировать» расставит отступы, «Сжать» уберёт лишнее.
Как пользоваться
Вставьте код в поле и нажмите нужную кнопку. Язык определяется по содержимому, но его можно выбрать вручную, если код короткий и распознался неверно. Под результатом видно, как изменился размер.
Форматирование пригодится, когда код пришёл одной строкой из чужого проекта или из минифицированного файла и его нужно прочитать. Сжатие — наоборот, перед выкладкой: меньше байт значит быстрее загрузка страницы.
Частые вопросы
Почему JavaScript сжимается слабее, чем CSS?
Полноценное сжатие JS требует разбора кода в синтаксическое дерево: иначе легко сломать автоматическую подстановку точки с запятой или спутать регулярное выражение с делением. Мы выбрали безопасный путь — убираем комментарии и отступы, но оставляем переносы строк. Код станет заметно меньше и при этом гарантированно рабочим.
Сжатый код сломает мой сайт?
Нет. Для CSS и HTML преобразование не меняет смысла, для JavaScript намеренно выбран щадящий режим. Тем не менее перед выкладкой в рабочий проект результат стоит проверить, как и любое автоматическое изменение кода.
Что происходит с содержимым тегов script и style внутри HTML?
Оно не форматируется и не ломается: содержимое script, style, pre и textarea переносится как есть, потому что перенос строки внутри них может изменить смысл.
Код куда-то отправляется?
Нет, всё обрабатывается в браузере. Можно спокойно вставлять рабочий код.