Форматирование CSS и JavaScript

Форматируйте или сжимайте исходный текст без выполнения кода. Сохраните оригинал и проверьте экспортированный код перед использованием.

Обработка на вашем устройстве. Включённые сервисы Google могут читать страницу и ввод; используйте имеющиеся средства конфиденциальности.

Как это работает

Prettier форматирует JavaScript и CSS. Terser сжимает JavaScript без компрессии и изменения идентификаторов; политика комментариев some может удалять обычные комментарии. CSSO сжимает CSS без реструктуризации.

Форматирование меняет пробелы и пунктуацию. Сжатие не очищает: опасный код может остаться. Нет предпросмотра, выполнения, удалённого импорта или карт исходников.

Как пользоваться инструментом

Выберите JavaScript или CSS, операцию, затем введите или импортируйте исходник.
Выполните операцию, сравните ввод и вывод, затем копируйте или скачайте. Проверьте, соответствуют ли комментарии и поведение вашим требованиям.

Область применения и ограничения

Ввод — до 100 000 единиц UTF-16; импорт файлов — 100 000 байт; вывод — 1 000 000 единиц. Таймер Worker на 5 000 мс отменяет обработку, но браузер может задержать вызов.

Это преобразования на основе парсера, а не доказательство корректности или совместимости с вашей средой. Для HTML и JSON есть отдельные инструменты. Исходник сохраняется до вашего редактирования; Сброс очищает его.

Примеры расчётов

Форматировать JavaScript

Ввод и настройки

Language: JavaScript
Operation: Format
const add=(a,b)=>{return a+b};

Ожидаемый результат

const add = (a, b) => {
  return a + b;
};

Функция размещается на нескольких строках с пробелами и конечным переводом строки. Исходник разбирается, а не вызывается.

Форматировать CSS

Ввод и настройки

Language: CSS
Operation: Format
.note{color:red;margin:0}

Ожидаемый результат

.note {
  color: red;
  margin: 0;
}

Отступы и переводы строк делают два объявления правила удобнее для чтения.

Сжать CSS

Ввод и настройки

Language: CSS
Operation: Minify
.note { color: red; margin: 0px 0px; }

Ожидаемый результат

.note{color:red;margin:0 0}

Пробелы и единицы нулевых значений удалены. Два значения margin остаются «0 0» в этой конфигурации.

Сжать JavaScript

Ввод и настройки

Language: JavaScript
Operation: Minify
function add(a, b) { return a + b; }

Ожидаемый результат

function add(a,b){return a+b}

Функция сохраняет имя и параметры: изменение идентификаторов и компрессия выключены. Пробелы форматирования удалены.

Отклоняемый ввод

Language: JavaScript
Operation: Format
const =

Ожидаемая ошибка

Не удалось завершить форматирование. Проверьте язык и синтаксис либо перезагрузите страницу и попробуйте снова.

Незавершённое объявление «const =» — недопустимый JavaScript. Исправьте синтаксис; инструмент не выдумывает недостающий код.

Перед использованием проверьте ввод, единицы, настройки и результаты. Вывод зависит от допущений, округления, ограничений ПО или исходных данных, описанных на странице.

Сохраняйте оригиналы файлов до преобразования или изменений. Проверяйте скачанный вывод перед использованием. Форматирование и преобразование не делают исходный код безопасным для выполнения.

Не вводите пароли, ключи API, конфиденциальные файлы или персональные данные в эти редакторы. Обработка локальная, но включённые сторонние скрипты могут читать содержимое страницы. См.: Политика конфиденциальности

Форматирование CSS и JavaScript

Ввод

Вывод

Найти инструмент

Быстрые ссылки

Выбрать категорию

Форматирование CSS и JavaScript

Ввод

Вывод

Связанные инструменты