Перейти к содержимому
Toolars
Каталог
Сообщить об ошибке

Разработка · утилита · Локально

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

JavaScript Formatter

Форматируйте JavaScript настоящим парсером в локальном Worker: читайте недоверенный код без исполнения, с отступом в два или четыре пробела.

Путь задачи / от ввода к результату

Вставьте свой JavaScript

Работает локально · Ничего не загружается на сервер

Как работает Форматирование JavaScript, конфиденциальность и похожие инструменты

Путь задачи / от ввода к результату

Как отформатировать JavaScript

  1. 01

    Вставьте свой JavaScript

    Вставьте исходный код до 256 KiB UTF-8. Для форматирования выберите два или четыре пробела.

  2. 02

    Выберите отступ

    Выберите два или четыре пробела. Образец уже загружен; настройка применяется после нажатия «Форматировать».

  3. 03

    Форматируйте без выполнения

    Нажмите «Форматировать». Prettier разбирает и перепечатывает JavaScript с выбранным отступом и шириной строки 100 колонок, не выполняя код; запустите тесты.

  4. 04

    Проверьте результат и статистику

    Сравните число байтов UTF-8 на входе и выходе и процент экономии. Отрицательная экономия означает рост размера; проверьте результат перед копированием или скачиванием.

  5. 05

    Скопируйте или скачайте результат

    «Копировать результат» отправляет отформатированный код в буфер обмена; «Скачать» сохраняет его как toolars.js. «Сбросить» очищает ввод, вывод и параметры, когда вы готовы к следующему фрагменту.

Факты об инструменте

Обработка
В вашем браузере
Ввод покидает устройство
Никогда
Хранение
Ничего не сохраняется
Цена
Бесплатно

Ваши данные остаются в браузере.

Форматирование JavaScript использует проверенный путь локального выполнения и не создаёт скрытую историю ввода и вывода.

Локальное выполнение

Работает внутри текущей вкладки браузера.

Никакой скрытой обработки

Активные данные инструмента никогда не становятся записями документов Toolars.

Аккаунт не требуется

Используйте основной сценарий без создания профиля. Избранное синхронизируется с аккаунтом после входа.

Мгновенный сброс

Закройте вкладку — и рабочие данные исчезнут.

Когда пригодится Форматирование JavaScript

Ревью кода

Упростите проверку исходника, прежде чем делиться им с другим разработчиком.

Артефакты сборки

Создавайте компактный HTML, CSS или JavaScript, не исполняя исходный код.

Готовые к копированию сниппеты

Отформатируйте конкретный пример и перенесите его сразу в документацию или редактор.

Что на самом деле делает Форматирование JavaScript

Фрагмент стектрейса из продакшена нужно прочитать до того, как писать хотфикс, а приходит он одной длинной строкой. Букмарклет, найденный на форуме, стоит осмотреть, прежде чем он заслужит доверие, а хитрая однострочная конструкция коллеги должна стать кодом, который команда сможет поддерживать. Форматирование JavaScript разбирает и заново расставляет отступы в исходнике, не выполняя его, полностью на устройстве и с той шириной отступа, которую уже использует ваш проект. Именно так и следует обращаться с кодом, которому пока нет доверия: сначала читать, выполнять — никогда, если только позже вы сами не решите иначе.

Частые вопросы

Каков лимит размера?
Вход ограничен 256 KiB, выход — 512 KiB. Для запуска и выполнения локального Worker отведено по пять секунд; изменение исходника или кнопка отмены останавливают задачу.
Выполняет ли форматирование мой код?
Нет. Форматировщик разбирает JavaScript и выравнивает отступы, не вычисляя выражения и не вызывая функции. После форматирования всё ещё нужны тесты проекта.
Почему форматтер отклоняет мой фрагмент?
Парсер ожидает синтаксически корректный JavaScript. Обрезанная вставка, несбалансированная скобка или лишний символ останавливают запуск, и ошибка называет строку и столбец; исправьте синтаксис и запустите снова. Из некорректного ввода не создаётся ничего частичного.
Можно ли выбрать табуляцию или другую ширину отступа?
Нет. «Размер отступа» ограничен 2 или 4 пробелами — двумя ширинами, на которые стандартизируется большинство проектов на JavaScript. Для остального отформатируйте здесь, а финальное соглашение пусть применят собственные инструменты проекта, например конфигурация редактора.
Что сообщает строка статистики?
Строка показывает число байтов UTF-8 до и после преобразования и разницу. Форматирование может увеличить размер; числа не доказывают корректность и совпадение вида.
Загружается ли мой код куда-либо?
Нет. Исходник разбирается локальным Worker, не исполняется, не отправляется и не сохраняется. Успешный разбор не доказывает корректность приложения или совместимость.

Продолжить: Разработка

Связанные задачи, а не тупик.

Перейдите в другую сфокусированную рабочую область, не возвращаясь к полному каталогу.

Код в изображение

Code to Image Converter

Экспортируйте код с подсветкой в PNG или SVG: шесть языков, светлая и тёмная темы, номера строк, заголовок окна и масштаб 1x или 2x.

Создание

Генератор URL-слагов

URL Slug Generator

Превращайте заголовки в чистые слаги с дефисами или подчёркиваниями: диакритика снимается, амперсанды разворачиваются, нелатиница сохраняется.

Создание

Генератор теней React Native

React Native Shadow Generator

Сравнивайте устаревшие тени и boxShadow в React Native, настраивайте вывод для iOS и Android рядом и копируйте код StyleSheet.

Создание

Кодирование / декодирование Base64

Base64 Encoder/Decoder

Кодируйте Unicode-текст в Base64 и обратно с живой валидацией, режимами URL-safe и UTF-8 и кнопкой обмена для круговых проверок.

Конвертация