Item logo image for Dive Scope

Dive Scope

5.0(

2 ratings

)
Item media 1 (screenshot) for Dive Scope

Overview

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.

Details

  • Version
    1.1
  • Updated
    April 23, 2026
  • Size
    23.13KiB
  • Languages
    English
  • Developer
    Email
    mariuszbartosik4192@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Dimensions

5.0

You will like Dimensions as it allows you to measure elements on a page in pixels, like a page ruler.

Dimensions

4.2

A tool for designers to measure screen dimensions

Screen Ruler - Measure and Inspect the Web

4.4

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Pixel Measurement

4.5

An online ruler for measuring pixels on screen

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

Page Ruler

4.2

Use page ruler to measure page elements size in pixel with easy to use ruler.

Screen Ruler

4.6

Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Measure Everything

4.7

Element distance measurement tool.

Mesurer

5.0

Measure and align elements on any website.

Dimensions

5.0

You will like Dimensions as it allows you to measure elements on a page in pixels, like a page ruler.

Dimensions

4.2

A tool for designers to measure screen dimensions

Screen Ruler - Measure and Inspect the Web

4.4

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Pixel Measurement

4.5

An online ruler for measuring pixels on screen

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

Page Ruler

4.2

Use page ruler to measure page elements size in pixel with easy to use ruler.

Google apps