CodePrettify: Форматировщик JS, JSON, CSS и RSS
Extension Actions
- Extension status: Featured
Автоматически форматирует и подсвечивает JS, JSON, Markdown, CSS и RSS. Темы, сворачиваемый JSON и номера строк.
CodePrettify превращает сырые файлы разработчика в удобный интерфейс, похожий на IDE, сразу после открытия — с форматированием, навигацией, валидацией, сравнением (diff) и даже выполнением JavaScript прямо в браузере. Поддерживает JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML и RSS/Atom как для веб-ответов, так и для локальных файлов.
📊 ПОДДЕРЖКА СТРУКТУРИРОВАННЫХ ДАННЫХ
• JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml) и TypeScript (.ts / .mts / .cts)
• Сворачиваемый JSON с breadcrumb-навигацией и инструментами JSON Path (автодополнение, валидация, копирование по результату)
• Кликабельные URL и пути импорта в JSON и XML
• Табличный вид: сортируемые и searchable таблицы для массивов JSON-объектов и повторяющихся XML-элементов с поэтапной загрузкой для больших данных
🚀 УМНАЯ АВТОМАТИЗАЦИЯ И ФОРМАТИРОВАНИЕ
• Автоформатирование с определением минификации: сжатые файлы становятся читаемыми, а уже читаемые остаются без изменений
• Современный движок CodeMirror 6 с подсветкой синтаксиса в стиле VS Code
• Сворачивание кода для функций, классов, объектов, массивов и XML-блоков
• Сопоставление скобок и загрузчик без мерцания, предотвращающий отображение «сырого» содержимого
🧪 JAVASCRIPT PLAYGROUND
• Выполняет настоящий JavaScript в изолированном Web Worker с настраиваемым таймаутом 1 / 5 / 15 секунд
• Перехватывает console.log/info/warn/error/debug и отображает console.table как настоящую HTML-таблицу
• Показывает возвращаемое значение, время выполнения и полный stack trace
• Опция «Include {filename}» добавляет текущий файл для вызова его top-level функций
• Автодополнение функций, методов, классов и переменных из Playground и текущего файла с сигнатурами параметров
• Поддержка top-level await, Tab / Shift+Tab для отступов и автоматическое сохранение кода между сессиями
• Ctrl+Alt+P — открыть, Ctrl+Enter — выполнить, Ctrl+Space — автодополнение
🧭 НАВИГАЦИЯ И БОЛЬШИЕ ФАЙЛЫ
• Навигатор документа для JSON, JavaScript и XML
• Миникарта кода с учётом синтаксиса, отрисованная на offscreen canvas
• Состояние просмотра для каждого URL: сворачивание, поиск, подсветка и режим автоматически восстанавливаются
• Общая ссылка конфигурации для восстановления точного вида у коллег
• Переход к строке (Ctrl+G) запоминает последнюю позицию
🔍 АНАЛИТИКА И ВАЛИДАЦИЯ
• Панель диагностики со статусом синтаксиса, предупреждениями и информацией по типу файла
• Статистика: размер файла, строки, глубина JSON, функции/переменные JS, CSS-селекторы, XML-теги/атрибуты
• Встроенная валидация JSON, JavaScript, TypeScript, CSS (строка/столбец) и XML
🧬 СРАВНЕНИЕ И DIFF
• Полноэкранный split-view diff (Ctrl+Alt+D) с построчным сравнением, синхронной прокруткой, статистикой и сменой сторон
🔐 АНАЛИЗ ДАННЫХ
• Встроенное декодирование Base64 и JWT с отдельным окном копирования
• Определение Unix timestamp (секунды и миллисекунды) с удобными подсказками
• Подсказки дат ISO 8601 и RFC 822 в JSON, XML и RSS
🔎 ПОИСК И ВЗАИМОДЕЙСТВИЕ
• Плавающий поиск (Ctrl+F) с подсчётом результатов в реальном времени
• Поиск по regex через /pattern/flags
• Кликабельные URL и относительные пути импорта
🔎 REGEX PLAYGROUND
• Тестируйте regex-шаблоны в реальном времени на любом открытом файле или ответе
• Мгновенная подсветка совпадений с управлением флагами gimsuy
• Список совпадений с количеством, позицией и переходом в один клик
• Отображение capture-групп и именованных групп
• Встроенное руководство и библиотека примеров
• Последние шаблоны сохраняются, Ctrl+Alt+R открывает мгновенно
📤 ЭКСПОРТ И ОБМЕН
• Экспорт в PNG (видимая область или весь файл) с подсветкой синтаксиса
• Экспорт CSV для JSON-массивов простых объектов и RSS/Atom
• Экспорт HTML-таблиц
• Копирование оригинального, форматированного или минифицированного кода одной кнопкой
🌐 КОНТЕКСТ ЗАПРОСА
• Панель HTTP-контекста: URL, content type, encoding, размер и тайминги
• Генератор cURL и fetch() с кроссплатформенным экранированием
🎨 ИНСТРУМЕНТЫ CSS
• Отображение HEX и RGB с встроенным color picker (копирование HEX, RGB, HSL)
🔒 ПРИВАТНОСТЬ И БЕЗОПАСНОСТЬ
• 100% локальная обработка; без внешних запросов, телеметрии и сторонних зависимостей
• Playground работает в sandbox без доступа к странице, расширению или сети
• Безопасно для API, токенов и внутренних систем
📂 РАБОТАЕТ ВЕЗДЕ
• HTTP/HTTPS ответы и локальные файлы (file:///)
• Автоопределение через Content-Type
⚙️ НАСТРАИВАЕТСЯ
• Темы Light, Dark и Auto
• Размер шрифта, отступы, номера строк, перенос строк, minimap
• Настройки синхронизируются между устройствами через хранилище браузера
⌨️ ГОРЯЧИЕ КЛАВИШИ
• Ctrl+B — Raw / Pretty
• Ctrl+Alt+C — Copy
• Ctrl+F — Search
• Ctrl+G — Go to Line
• Ctrl+Alt+T — Toggle toolbar
• Ctrl+Alt+D — Diff tool
• Ctrl+Alt+P — JavaScript Playground
• Ctrl+Alt+R — RegEx Playground
📝 ЛОКАЛЬНЫЕ ФАЙЛЫ
Включите «Разрешить доступ к file URL» в настройках расширений браузера для CodePrettify, чтобы использовать его с file:///
Доступно на 14 языках: английский, норвежский, шведский, датский, немецкий, испанский, французский, итальянский, японский, корейский, португальский, русский, вьетнамский и упрощённый китайский.
Latest reviews
- Game Top
- Must have tool for anyone who codes!