Перевіряйте та редагуйте CSS стилі в реальному часі
CSS Інспектор — потужний безкоштовний інструмент, що дозволяє навести курсор на будь-який елемент та миттєво побачити…
Налагоджуйте та керуйте CSS анімаціями в реальному часі
Інспектор анімацій дає повний контроль над кожною CSS анімацією та переходом на будь-якій…
Перетворіть CSS будь-якого елемента на класи Tailwind
Копіювати як Tailwind з'єднує візуальний дизайн з кодом Tailwind CSS.
Візуалізуйте повну структуру макета сторінки
Режим контуру додає кольорово-кодовані контурні межі до кожного HTML елемента, даючи миттєвий рентгенівський вигляд…
Отримайте категоризовані класи Tailwind для будь-якого елемента
Помічник Tailwind перевіряє будь-який елемент і генерує повний, категоризований розбір відповідних класів Tailwind…
Візуальний HTML вигляд дерева на будь-якій сторінці
Оглядач сторінки відображає повну DOM структуру будь-якої веб-сторінки як візуальне дерево безпосередньо на…
Виявляйте компоненти React, Vue, Angular та Svelte
Детектор компонентів автоматично визначає який frontend фреймворк використовує сайт і відкриває повне дерево…
Перетягніть для переміщення будь-якого елемента
Перемістити елемент дозволяє клікнути на будь-який елемент і фізично перетягнути його на нову…
Видаліть або перемкніть видимість будь-якого елемента
Видалити/Сховати елемент дозволяє видалити або тимчасово сховати будь-який елемент одним…
Експортуйте будь-який елемент як HTML, CSS або JSON
Експортувати елемент дозволяє клікнути на будь-який елемент і експортувати його повну структуру в трьох…
Генеруйте компоненти React, Vue та Svelte з будь-якого елемента
Копіювати код компонента перетворює будь-який елемент у чистий, готовий до продукції файл…
Захопіть видиму область або повну сторінку
Знімок екрана робить високоякісні зображення будь-якої веб-сторінки у двох режимах — видима область або повна…
Переглядайте, вибирайте та завантажуйте всі зображення з будь-якої сторінки
Витягнути зображення сканує будь-яку сторінку і показує кожне зображення в галереї для…
Знайдіть, перегляньте та завантажте кожен SVG на будь-якій сторінці
SVG Захоплювач виявляє кожен SVG — inline елементи, зовнішні .svg файли, SVG спрайти та SVG data…
Замініть будь-яке зображення на сторінці своїм
Заміна зображень дозволяє клікнути на будь-яке зображення і замінити його — завантаженням файлу або вставкою…
Миттєво генеруйте QR-коди для будь-якого URL або тексту
Генератор QR-кодів створює сканований QR-код для URL поточної сторінки автоматично або для будь-якого…
Піксельно-точні лінійки, напрямні та виміри на будь-якій сторінці
Лінійка сторінки додає лінійки та перетягувані напрямні лінії у стилі Photoshop на будь-яку…
Попередній перегляд кількох пристроїв одночасно
Адаптивний переглядач показує поточну сторінку у кількох розмірах viewport поруч.
Виміряйте точну піксельну відстань між будь-якими двома елементами
Виміряти відстань дозволяє клікнути на два елементи і миттєво побачити точну відстань між…
Візуалізуйте контексти накладання та шари z-index
Z-Index Інспектор розкриває повний порядок накладання кожного елемента на сторінці.
Перевіряйте CSS Grid та Flexbox макети з візуальними накладками
Grid/Flex Візуалізатор виявляє кожен CSS Grid та Flexbox контейнер і показує їх структуру як кольорові…
Симулюйте гарячі точки уваги користувачів
Симулятор теплової карти генерує передбачену теплову карту уваги для будь-якої сторінки на основі UX-дослідницьких…
Вибірково очистіть кеш, cookie, localStorage та sessionStorage
Швидко та вибірково очистіть конкретні типи даних перегляду для поточного сайту.
Виявіть кожну технологію за будь-яким веб-сайтом
Технологічний стек сканує будь-який сайт і визначає його повний технологічний…
Комплексний SEO-аудит: Мета-теги, заголовки, OpenGraph та більше
SEO Інспектор надає миттєвий, комплексний SEO-аудит будь-якої веб-сторінки.
Автоматизований WCAG-аудит: Контраст, Alt-текст, ARIA та більше
Інспектор доступності запускає автоматизовані перевірки WCAG 2.1 Level AA на будь-якій…
Натисніть на будь-який текст на сторінці щоб миттєво редагувати
Живий текстовий редактор робить кожен текстовий елемент на сторінці редагованим одним…
Замініть будь-який шрифт глобально або для конкретного елемента
Зміна шрифтів дозволяє замінити будь-який шрифт на сторінці іншим з бібліотеки Google…
Відкрийте кожен шрифт використаний на будь-якій сторінці
Список усіх шрифтів сканує сторінку та показує повний інвентар кожної сімейства…
Точна піпетка для значень HEX, RGB та HSL
Вибір кольору надає піксельно-точну піпетку для вибору кольорів з будь-якого…
Витягніть повну кольорову палітру з будь-якої сторінки
Кольорова палітра сканує кожен елемент і витягує повний набір використаних кольорів, відсортованих за…
Миттєво застосуйте темний режим на будь-якому сайті
Примусовий темний режим застосовує темну кольорову схему на будь-який сайт, що не пропонує цю…
Миттєво увімкніть або вимкніть JavaScript для поточної вкладки
Перемкнути JavaScript вимикає або повторно вмикає виконання JavaScript для поточної вкладки одним…
Переглядайте, редагуйте, додавайте та видаляйте cookie
Редактор cookie показує всі cookie для поточного домену в чистій, сортованій таблиці.
Переглядайте вивід консолі в плаваючій панелі — без DevTools
Логер консолі захоплює весь вивід консолі і показує його в плаваючій панелі прямо на…
Відстежуйте всі мережеві запити в реальному часі
Мережевий монітор захоплює і показує кожен мережевий запит поточної сторінки в реальному…
Переглядайте та редагуйте localStorage і sessionStorage
Редактор локального сховища надає чистий табличний інтерфейс для управління localStorage та…
Скануйте кожне посилання на сторінці та знайдіть биті
Перевірка битих посилань сканує кожне посилання і визначає биті (404, тайм-аут…
Миттєва панель продуктивності: час завантаження, DOM статистика та ресурси
Продуктивність сторінки надає миттєвий огляд продуктивності будь-якої…
Форматуйте, стискайте та перевіряйте JSON в один клік
JSON Форматувальник акуратно форматує, стискає та перевіряє JSON прямо у вашому браузері. Вставте будь-який JSON-рядок…
Миттєве кодування рядків у Base64 та назад
Base64 Кодувальник/Декодувальник перетворює текст у Base64 та Base64 назад у текст прямо у вашому браузері. Безпечне…
Кодуйте та декодуйте URL-рядки в один клік
URL Кодувальник/Декодувальник перетворює URL-рядки в їхню процентно-кодовану форму та назад. Обирайте між…
Миттєве кодування та декодування HTML-сутностей
HTML Кодувальник сутностей перетворює спецсимволи (< > & " ') на їхні HTML-сутності (< > & " ') та…
Екранування та розекранування рядків для коду
Екранування/Розекранування зворотної похилої риски перетворює рядки в екрановану форму та назад (\n \t \r \" \' \\ та…
Конвертуйте зображення в Base64 і назад
Image ↔ Base64 конвертує файли зображень (PNG, JPG, SVG, WebP, GIF) у data URI з кодуванням Base64 і навпаки…
Миттєве декодування JSON Web Tokens
JWT Debugger декодує та аналізує JSON Web Tokens — розбирає заголовок, корисне навантаження й підпис, показує claims і…
Масова генерація ідентифікаторів UUID v4
UUID Генератор створює криптографічно надійні ідентифікатори UUID v4 за допомогою crypto API браузера. Генеруйте один…
Обчислення хешів MD5, SHA-1, SHA-256, SHA-384, SHA-512
Генератор хешів обчислює криптографічні хеші (MD5, SHA-1, SHA-256, SHA-384, SHA-512) з будь-якого текстового вводу. Усі…
Генеруйте криптографічно надійні паролі
Генератор паролів створює надійні випадкові паролі за допомогою криптографічного API випадковості браузера. Налаштуйте…
Тестуйте регулярні вирази наживо з підсвічуванням збігів
Тестер Regex перевіряє регулярні вирази на тестовому тексті в реальному часі.
Конвертуйте Unix, ISO та зручні для читання дати
Конвертер міток часу перетворює між Unix timestamp (секунди, мілісекунди, мікросекунди, наносекунди), ISO 8601, RFC…
Порівнюйте два блоки тексту рядок за рядком
Diff Tool порівнює два блоки тексту й підсвічує додані, видалені та незмінені рядки кольоровим виводом. Уніфікований (у…
Перевіряйте коефіцієнт контрастності WCAG будь-яких двох кольорів
Contrast Checker обчислює коефіцієнт контрастності WCAG 2.1 між двома кольорами й оцінює їх за порогами AA/AAA для…
Миттєво конвертуйте HEX, RGB, HSL, HSV та OKLCH
Color Format Converter перетворює будь-який колір між HEX, RGB, HSL, HSV та OKLCH.
Витягніть домінантну палітру з будь-якого зображення
Image Color Extractor аналізує будь-який файл зображення (перетягніть, вставте або натисніть для завантаження) і…
Отримайте CSS-селектори та XPath для будь-якого елемента
DOM Path Finder дозволяє навести курсор на будь-який елемент сторінки, щоб побачити його унікальний CSS-селекто�…
Тестуйте міждоменні запити та перевіряйте заголовки CORS
CORS Checker перевіряє, чи буде дозволено цільовим сервером міждоменний запит із вашого сайту. Виконує попередній…
Захоплюйте WebSocket-фрейми в реальному часі
WebSocket Inspector захоплює кожен WebSocket-фрейм — надісланий і отриманий — по всіх з'єднаннях на сторінці. Показу�…
Миттєво скануйте сторінку на непрацюючі зображення
Broken Image Finder сканує кожен <img> і CSS-фон background-image на сторінці, виявляє непрацюючі завантаження (404…
Автоматичне заповнення форм реалістичними тестовими даними
Form Filler заповнює кожне видиме поле форми на сторінці реалістичними тестовими даними — ім'я, email, телефон, адреса…
Конвертуйте між CSV та JSON в обох напрямках
CSV ↔ JSON Converter обробляє повне двостороннє перетворення між двома найпоширенішими табличними форматами. Розумний…
Форматуйте, валідуйте та переглядайте XML з підсвічуванням синтаксису
XML Formatter форматує, мінімізує та валідує XML прямо в браузері.
Приведення у зручний вигляд та форматування SQL-запитів
SQL Formatter перетворює мінімізований або безладний SQL на читабельні, відформатовані запити. Ключові слова виносяться…
Зберігайте вебсторінки як чисті PDF
Convert to PDF зберігає поточну вебсторінку у форматі PDF через діалогове вікно друку браузера, попередньо застосовуючи…
