Dive Scope автор DiveScope
HTML measurement
Метадані розширення
Про це розширення
HTML measurement
DiveScope
Narzędzie deweloperskie do inspekcji elementów DOM, pomiaru odległości i debugowania stanów CSS.
Dostępne funkcje
Rysowanie granic
Wizualizacja hierarchii elementów DOM wraz z ich wymiarami.
* Najedź kursorem na dowolny element na stronie
* Wtyczka automatycznie podświetli kontener oraz drzewo wszystkich elementów nadrzędnych
* Dodatkowo wyświetlane są rozmiary badanych elementów
Pomiar odległości
Precyzyjne mierzenie odległości między dwoma elementami.
* Aktywuj tryb pomiaru
* Kliknij pierwszy element (punkt początkowy)
* Kliknij drugi element (punkt końcowy)
* Wtyczka wyświetli odległość między wybranymi elementami w pikselach
Tryb linijki
Dynamiczny pomiar odległości od celownika do wskazanego elementu.
* Włącz tryb linijki
* Na ekranie pojawi się celownik
* Wtyczka wyświetla odległość od celownika do elementu, na który aktualnie najeżdżasz
* Możesz zmienić pozycję celownika: wybierz położenie (left/right, top/bottom) i kliknij w element, aby przykleić do niego celownik
Debugger Freeze
Zamrażanie stanu strony do inspekcji dynamicznych elementów.
* Aktywuj funkcję
* Masz 1 sekundę na przygotowanie stanu (np. najechanie na dropdown, tooltip)
* Po sekundzie wtyczka zamraża style CSS (animacje, transitions) oraz zdarzenia JavaScript
* Stan strony pozostaje zamrożony, umożliwiając spokojną inspekcję
Odpinanie okna
Przycisk w prawym górnym rogu pozwala odpiąć panel wtyczki do osobnego okna.
DiveScope
Narzędzie deweloperskie do inspekcji elementów DOM, pomiaru odległości i debugowania stanów CSS.
Dostępne funkcje
Rysowanie granic
Wizualizacja hierarchii elementów DOM wraz z ich wymiarami.
* Najedź kursorem na dowolny element na stronie
* Wtyczka automatycznie podświetli kontener oraz drzewo wszystkich elementów nadrzędnych
* Dodatkowo wyświetlane są rozmiary badanych elementów
Pomiar odległości
Precyzyjne mierzenie odległości między dwoma elementami.
* Aktywuj tryb pomiaru
* Kliknij pierwszy element (punkt początkowy)
* Kliknij drugi element (punkt końcowy)
* Wtyczka wyświetli odległość między wybranymi elementami w pikselach
Tryb linijki
Dynamiczny pomiar odległości od celownika do wskazanego elementu.
* Włącz tryb linijki
* Na ekranie pojawi się celownik
* Wtyczka wyświetla odległość od celownika do elementu, na który aktualnie najeżdżasz
* Możesz zmienić pozycję celownika: wybierz położenie (left/right, top/bottom) i kliknij w element, aby przykleić do niego celownik
Debugger Freeze
Zamrażanie stanu strony do inspekcji dynamicznych elementów.
* Aktywuj funkcję
* Masz 1 sekundę na przygotowanie stanu (np. najechanie na dropdown, tooltip)
* Po sekundzie wtyczka zamraża style CSS (animacje, transitions) oraz zdarzenia JavaScript
* Stan strony pozostaje zamrożony, umożliwiając spokojną inspekcję
Odpinanie okna
Przycisk w prawym górnym rogu pozwala odpiąć panel wtyczki do osobnego okna.
Rated 0 by 0 reviewers
Permissions and data
Необхідні дозволи:
- Отримувати доступ до ваших даних для всіх вебсайтів
Data collection:
- The developer says this extension doesn't require data collection.
Більше інформації
- Посилання додатка
- Версія
- 1.0
- Розмір
- 27,46 КБ
- Востаннє оновлено
- 25 днів тому (20 січ 2026 р.)
- Пов'язані категорії
- Ліцензія
- Ліцензія MIT
- Історія версій
- Додати до збірки