Инспекция и редактирование CSS-стилей в реальном времени
CSS Inspector — это мощный инструмент разработчика, который позволяет просматривать все CSS-свойства любого элемента…
Отладка и управление CSS-анимациями в реальном времени
Animation Inspector даёт вам полный контроль над каждой CSS-анимацией и transition, запущенными на любой веб-странице…
Преобразуйте CSS любого элемента в классы утилит Tailwind
Copy as Tailwind устраняет разрыв между визуальным дизайном и кодом Tailwind CSS.
Визуализируйте полную структуру макета любой страницы
Режим только контуров добавляет цветные border outline к каждому HTML-элементу на веб-странице, мгновенно давая вам…
Получайте категоризированные Tailwind-классы для любого элемента
Tailwind Helper инспектирует любой элемент на веб-странице и генерирует полный категоризированный breakdown совпадающих…
Визуальное отображение HTML-дерева поверх любой страницы
Контуры страницы отображают полную структуру DOM любой веб-страницы в виде визуального дерева прямо поверх самой…
Обнаружение компонентов React, Vue, Angular и Svelte на любом сайте
Детектор компонентов автоматически определяет, какой фронтенд-фреймворк использует сайт, и показывает его полное дерево…
Drag & Drop для изменения положения любого элемента на странице
Инструмент «Переместить элемент» позволяет нажать на любой элемент веб-страницы и физически перетащить его на новое…
Удалите или переключите видимость любого элемента
Инструмент «Удалить/скрыть элемент» позволяет удалить или временно скрыть любой элемент веб-страницы одним нажатием…
Экспортируйте любой элемент в HTML, CSS или JSON
Экспорт элемента позволяет кликнуть на любой элемент веб-страницы и экспортировать его полную структуру в трёх…
Генерируйте компоненты React, Vue и Svelte из любого элемента
Копировать код компонента превращает любой элемент веб-страницы в чистый, готовый к продакшну файл компонента для…
Захватывайте видимую область или полностраничные скриншоты
Screenshot делает высококачественные снимки любой веб-страницы в двух режимах: видимая область (именно то, что вы…
Просматривайте, выбирайте и скачивайте все изображения с любой веб-страницы
Extract Images сканирует любую веб-страницу и представляет все изображения в виде удобной галереи. Смотрите миниатюры…
Найдите, просматривайте и скачивайте все SVG на любой странице
SVG Grabber обнаруживает каждый SVG на веб-странице — встроенные SVG-элементы, ссылки на внешние .svg-файлы…
Замените любое изображение на странице своим собственным
Image Replacer позволяет кликнуть на любое изображение на веб-странице и заменить его своим — загрузив локальный файл…
Мгновенно создавайте QR-коды для любого URL или текста
Генератор QR-кодов автоматически создаёт сканируемый QR-код для URL текущей страницы — или для любого пользовательского…
Пиксельно точные линейки, направляющие и измерения на любой странице
Page Ruler добавляет на любую веб-страницу линейки и перетаскиваемые направляющие в стиле Photoshop. Пиксельно точные…
Предварительный просмотр нескольких viewport устройств одновременно
Responsive Viewer отображает текущую веб-страницу сразу в нескольких размерах viewport — все на одном экране. Смотрите…
Измеряйте точные расстояния в пикселях между любыми двумя элементами
Measure Distance позволяет нажать на любые два элемента на веб-странице и мгновенно увидеть точное расстояние между…
Визуализируйте каждый контекст наложения и слой z-index
Z-Index Inspector раскрывает полный порядок наложения каждого элемента на веб-странице. Каждый элемент со значением…
Инспектируйте CSS Grid и Flexbox-макеты с помощью визуальных overlays
Grid/Flex Visualizer обнаруживает каждый CSS Grid и Flexbox-контейнер на веб-странице и отображает их структуру макета…
Симуляция зон внимания пользователей на любой странице
Heatmap Simulator генерирует предсказанную тепловую карту внимания для любой веб-страницы на основе устоявшихся…
Выборочная очистка cache, cookies, localStorage и sessionStorage
Очистка данных браузера даёт разработчикам быстрый и избирательный способ удалить определённые типы данных для текущего…
Определите каждую технологию за любым сайтом
Site Stack сканирует любой сайт и определяет его полный технологический стек — frontend-фреймворки (React, Vue…
Комплексный SEO-аудит: meta tags, заголовки, OpenGraph и многое другое
SEO Inspector проводит мгновенный, комплексный SEO-аудит любой веб-страницы.
Автоматический аудит WCAG: contrast ratio, alt text, ARIA и многое другое
Accessibility Inspector выполняет автоматическую проверку соответствия WCAG 2.1 Level AA на любой веб-странице и…
Нажмите на любой текст на любой странице и редактируйте его мгновенно
Live Text Editor делает каждый текстовый элемент на веб-странице редактируемым одним кликом. Изменяйте заголовки…
Меняйте любой шрифт глобально или для отдельных элементов из Google Fonts
Смена шрифтов позволяет заменить любой шрифт на веб-странице другим из библиотеки Google Fonts — глобально (для всего…
Найдите каждый шрифт, используемый на любой веб-странице
«Список всех шрифтов» сканирует любую веб-страницу и представляет полный реестр каждого используемого семейства шрифтов…
Точный eyedropper для значений цвета в форматах HEX, RGB и HSL
Color Picker предоставляет пиксельно-точный инструмент eyedropper для выбора цветов с любого элемента на веб-странице…
Извлеките полную цветовую палитру любой веб-страницы
Color Palette сканирует каждый элемент на веб-странице и извлекает полный набор используемых цветов — от текста и фонов…
Мгновенно применяйте dark mode к любому сайту
Принудительный dark mode применяет тёмную цветовую схему к любому сайту, который её не поддерживает, — или отменяет…
Мгновенно включайте или отключайте JavaScript для текущей вкладки
Переключение JavaScript отключает или повторно включает выполнение JavaScript для текущей вкладки браузера одним…
Просматривайте, редактируйте, добавляйте и удаляйте cookies для любого домена
Редактор cookies отображает все cookies текущего домена в удобной сортируемой таблице. Просматривайте имена, значения…
Просматривайте вывод консоли во всплывающей панели — без DevTools
Логгер консоли перехватывает весь вывод консоли (console.log, console.warn, console.error, console.info) и отображает…
Мониторинг всех сетевых запросов в режиме реального времени
Network Monitor перехватывает и отображает каждый сетевой запрос текущей страницы — вызовы XHR/Fetch API, загрузку…
Просмотр, редактирование, добавление и удаление записей localStorage и sessionStorage
Local Storage Editor предоставляет удобный табличный интерфейс для управления записями localStorage и sessionStorage…
Сканируйте все ссылки на странице и находите нерабочие
Проверка битых ссылок сканирует все ссылки на текущей странице — href-атрибуты якорей, источники изображений, источники…
Мгновенная панель производительности: время загрузки, статистика DOM и ресурсы
Производительность страницы предоставляет мгновенный обзор производительности любой веб-страницы — метрики времени…
Форматируйте, минифицируйте и проверяйте JSON в один клик
Форматер JSON красиво форматирует, минифицирует и проверяет JSON прямо в вашем браузере. Вставьте любую строку JSON…
Кодируйте строки в Base64 и обратно мгновенно
Кодировщик/декодировщик Base64 преобразует текст в Base64 и Base64 обратно в текст прямо в вашем браузере…
Кодируйте и декодируйте строки URL в один клик
Кодировщик/декодировщик URL преобразует строки URL в их процентно-кодированную форму и обратно. Выберите между…
Кодируйте и декодируйте HTML сущности мгновенно
Кодировщик HTML сущностей преобразует специальные символы (< > & " ') в их эквиваленты HTML сущностей (< > &…
Экранируйте и отмените экранирование строк для кода
Обратная косая черта Экранирование/Отмена экранирования преобразует строки в их экранированную форму и обратно (\n \t…
Преобразуйте изображения в Base64 Data URI и обратно
Изображение <-> Base64 преобразует файлы изображений (PNG, JPG, SVG, WebP, GIF) в Base64-кодированные Data URI и…
Мгновенно декодируйте JSON Web Tokens
JWT Отладчик декодирует и проверяет JSON Web Tokens — разбирает заголовок, полезную нагрузку и подпись, отображает…
Генерируйте массовые идентификаторы UUID v4
Генератор UUID создает криптографически стойкие идентификаторы UUID v4, используя API crypto браузера. Генерируйте…
Вычисляйте хеши MD5, SHA-1, SHA-256, SHA-384, SHA-512
Генератор хешей вычисляет криптографические хеши (MD5, SHA-1, SHA-256, SHA-384, SHA-512) любого текстового ввода. Все…
Генерируйте криптографически стойкие пароли
Генератор паролей создает надежные, случайные пароли, используя API криптографической случайности браузера. Настройте…
Тестируйте регулярные выражения в реальном времени с выделением совпадений
Тестер регулярных выражений оценивает регулярные выражения для проверки текста в реальном времени. Совпадения выделены…
Преобразуйте Unix, ISO и человекочитаемые даты
Преобразователь временных меток переводит между временными метками Unix (секунды, миллисекунды, микросекунды…
Сравните два текстовых блока построчно
Инструмент сравнения сравнивает два текстовых блока и выделяет добавленные, удаленные и неизменные строки с цветовой…
Проверьте коэффициент контрастности WCAG для любых двух цветов
Проверка контрастности вычисляет коэффициент контрастности WCAG 2.1 между двумя цветами и классифицирует их по порогам…
Преобразуйте HEX, RGB, HSL, HSV и OKLCH мгновенно
Преобразователь формата цвета переводит любой цвет между HEX, RGB, HSL, HSV и OKLCH.
Извлеките доминирующую палитру из любого изображения
Экстрактор цвета изображения анализирует любой файл изображения (перетащите, вставьте или щелкните для загрузки) и…
Получите селекторы CSS и XPath для любого элемента
Поиск пути DOM позволяет вам навести указатель мыши на любой элемент на странице, чтобы выявить его уникальный селекто�…
Тестируйте кросс-ориджинные запросы и проверяйте заголовки CORS
Проверка CORS тестирует, будет ли кросс-ориджинный запрос с вашего сайта разрешен целевым сервером. Запускает…
Захватываем кадры WebSocket в реальном времени
Инспектор WebSocket захватывает каждый кадр WebSocket — отправляемый и получаемый — по всем соединениям на странице…
Сканируйте страницу на наличие сломанных изображений мгновенно
Поиск сломанных изображений сканирует каждое изображение <img> и CSS background-image на странице, обнаруживает…
Автоматически заполняйте формы реалистичными тестовыми данными
Заполнитель форм заполняет каждое видимое поле формы на странице реалистичными тестовыми данными — имя, электронная…
Преобразуйте между CSV и JSON в любом направлении
Преобразователь CSV ↔ JSON обрабатывает полный полный тур между двумя наиболее распространенными табулярными форматами…
Форматируйте, проверяйте и просматривайте XML с выделением синтаксиса
Форматер XML красиво печатает, минифицирует и проверяет XML в браузере.
Форматируйте SQL запросы красиво
Форматер SQL преобразует сжатый или беспорядочный SQL в читаемые, правильно отступленные запросы. Ключевые слова…
Сохраняйте веб-страницы как чистые PDF
Преобразовать в PDF сохраняет текущую веб-страницу как PDF через диалог печати браузера с предварительно применными…
