DevScope - Inspektor elementów | POLPROG Skip to content

DevScope

Inspektor elementów

Inspekcja dowolnego elementu w mgnieniu oka

Narzędzie deweloperskie Chrome, Firefox, Edge, Safari
Oficjalna strona produktu Wydawca: POLPROG
Oficjalna strona produktu
6
Panele
15+
Skróty
19
Języki
0
Zebrane dane
01 / DevScope

O produkcie

Lekki, szybki inspektor elementów dla programistów. Nawigacja DOM, edycja CSS na żywo, inspektor atrybutów, obliczone style i analiza dostępności.

02 / Kluczowe funkcje

Kluczowe funkcje

Najważniejsze możliwości opisane w praktyczny sposób.

Inspektor elementów na żywo

Najedź na dowolny element, aby natychmiast zobaczyć jego tag, klasy, wymiary i pozycję.

Nawigacja po DOM

Nawiguj w górę/dół drzewa DOM za pomocą skrótów klawiszowych lub kliknięcia.

Edycja CSS na żywo

Edytuj właściwości CSS w czasie rzeczywistym i natychmiast zobacz zmiany na stronie.

Inspektor atrybutów

Wyświetl i kopiuj wszystkie atrybuty HTML, atrybuty danych i role ARIA.

Style obliczone

Zobacz obliczone wartości dowolnej właściwości CSS z wizualizacją modelu pudełkowego.

Panel dostępności

Sprawdź role ARIA, etykiety, współczynniki kontrastu i drzewo dostępności.

Pływający panel

Przeciągalny, skalowalny panel na wierzchu - nigdy nie blokuje przepływu pracy.

Skróty klawiszowe

Nawiguj po DOM, przełączaj panele i inspekcjonuj elementy bez dotykania myszy.

Narzędzia kopiowania

Kopiuj selektory, style, zewnętrzny HTML lub zrzuty ekranu elementu do schowka.

Ciemny i jasny motyw

Wybierz między ciemnym a jasnym motywem panelu, aby dopasować do środowiska.

03 / Pobierz

Dostęp do produktu

Prosta droga od oficjalnego źródła do pierwszego udanego użycia.

Wybierz właściwą platformę

Skorzystaj z jednego z oficjalnych odnośników dostępnych dla Twojego urządzenia lub przeglądarki.

Zainstaluj lub otwórz

Postępuj zgodnie z instrukcjami sklepu lub otwórz aplikację internetową. Bez zewnętrznych instalatorów.

Skonfiguruj i zacznij

Sprawdź dostępne opcje, wybierz preferencje i rozpocznij od podstawowego zastosowania.

Oficjalne opcje dostępu

Pobierz

Zainstaluj rozszerzenie POLPROG w swojej ulubionej przeglądarce.

04 / Technologia

Technologia produktu

Przejrzysty opis głównych technologii użytych do budowy i utrzymania produktu.

Chrome Extension
TypeScript
Webpack
05 / Bezpieczeństwo

Prywatność i bezpieczeństwo

Twoje dane pozostają na Twoim urządzeniu. Zawsze.

Brak zbierania danych
Tylko lokalna pamięć
Zero żądań sieciowych
Minimalne uprawnienia
Brak stron trzecich
WCAG 2.1 AA