Інспектор елементів у реальному часі
Наведіть курсор на будь-який елемент, щоб миттєво побачити його тег, класи, розміри та позицію.
DevScope
Інспектор елементів
Інспектуйте будь-який елемент миттєво
Інструмент для розробників
Офіційна сторінка продукту
Видавець:
POLPROG
Офіційна сторінка продукту
6
Панелі
15+
Скорочення
19
Мови
0
Зібрані дані
01 / DevScope
Про застосунок
Легкий і швидкий інспектор елементів для веброзробників. Навігація по DOM, редагування CSS у реальному часі, інспектор атрибутів, обчислені стилі та інсайти щодо доступності.
02 / Застосування
Що це розвʼязує
Проблема
- Повні інструменти розробника відсувають сторінку вбік
- Кожну спробу стилю робите в редакторі
- Не знаєте, куди йде те, що ви перевіряєте
Результат
- Легка панель ширяє над тим, що ви розглядаєте
- Зміну CSS бачите одразу, наживо
- Жодні дані не залишають ваш браузер
Для кого
- Фронтенд-розробники
- Аудитори доступності
- Хто перевіряє правки CSS на живій сторінці
03 / Ключові можливості
Ключові можливості
Найважливіші можливості з практичними поясненнями.
Навігація по DOM
Переміщуйтеся вгору/вниз по дереву DOM за допомогою клавіатурних скорочень або кліком.
Редагування CSS у реальному часі
Редагуйте властивості CSS у реальному часі та одразу бачте зміни на сторінці.
Інспектор атрибутів
Переглядайте та копіюйте всі HTML-атрибути, data-атрибути та ARIA-ролі.
Обчислені стилі
Дивіться обчислені значення для будь-якої властивості CSS, зокрема візуалізацію блокової моделі.
Панель доступності
Перевіряйте ARIA-ролі, підписи, коефіцієнти контрасту та інформацію з дерева доступності.
Плаваюча панель
Панель, яку можна перетягувати та змінювати розмір, завжди залишається зверху та ніколи не заважає роботі.
Клавіатурні скорочення
Переміщуйтеся по DOM, перемикайте панелі та інспектуйте елементи, не торкаючись миші.
Утиліти копіювання
Копіюйте селектори, стилі, зовнішній HTML або знімки елементів у буфер обміну.
Темна та світла теми
Обирайте між темною та світлою темами панелі під ваше середовище.
04 / Завантажити
Доступ до продукту
Зрозумілий шлях від офіційного джерела до першого успішного використання.
Виберіть потрібну платформу
Скористайтеся одним з офіційних посилань для свого пристрою або браузера.
Установіть або відкрийте
Дотримуйтеся інструкцій магазину або відкрийте вебзастосунок. Без сторонніх інсталяторів.
Налаштуйте та почніть
Перегляньте параметри, виберіть уподобання та почніть з основного робочого процесу.
Офіційні варіанти доступу
Завантажити
Встановіть розширення POLPROG у своєму улюбленому браузері.
05 / Технології
Технології продукту
Прозорий огляд основних технологій, використаних для створення та підтримки продукту.
Chrome Extension
TypeScript
Webpack
06 / Безпека
Конфіденційність і безпека
Ваші дані завжди залишаються на вашому пристрої.