Živý inšpektor prvkov
Prejdite kurzorom nad ľubovoľný prvok a okamžite uvidíte jeho značku, triedy, rozmery a polohu.
DevScope
Inšpektor prvkov
Inšpektujte ľubovoľný prvok okamžite
Nástroj pre vývojárov
Oficiálna stránka produktu
Vydavateľ:
POLPROG
Oficiálna stránka produktu
6
Panely
15+
Skratky
19
Jazyky
0
Zozbierané údaje
01 / DevScope
O projekte
Ľahký, rýchly inšpektor prvkov pre webových vývojárov. Navigácia v DOM, živá úprava CSS, inšpektor atribútov, vypočítané štýly a prehľady o prístupnosti.
02 / Využitie
Čo to rieši
Problém
- Plné vývojárske nástroje odsunú stránku nabok
- Každý pokus o štýl ide cez editor
- Neviete, kam mieri to, čo prezeráte
Výsledok
- Ľahký panel sa vznáša nad tým, čo skúmate
- Zmenu CSS vidíte hneď, naživo
- Žiadne dáta neopustia váš prehliadač
Pre koho
- Front-end vývojári
- Audítori prístupnosti
- Kto skúša úpravy CSS na živej stránke
03 / Kľúčové funkcie
Kľúčové funkcie
Najdôležitejšie možnosti vysvetlené prakticky.
Navigácia v DOM
Pohybujte sa nahor a nadol stromom DOM pomocou klávesových skratiek alebo kliknutím.
Živá úprava CSS
Upravujte vlastnosti CSS v reálnom čase a vidíte zmeny okamžite na stránke.
Inšpektor atribútov
Zobrazte a skopírujte všetky HTML atribúty, dátové atribúty a roly ARIA.
Vypočítané štýly
Pozrite si vypočítané hodnoty pre ľubovoľnú vlastnosť CSS vrátane vizualizácie box modelu.
Panel prístupnosti
Skontrolujte roly ARIA, popisy, kontrastné pomery a informácie zo stromu prístupnosti.
Plávajúci panel
Posúvateľný a meniteľný panel, ktorý zostáva navrchu - nikdy neblokuje vašu prácu.
Klávesové skratky
Pohybujte sa v DOM, prepínajte panely a inšpektujte prvky bez dotyku myši.
Nástroje na kopírovanie
Kopírujte selektory, štýly, vonkajšie HTML alebo snímky prvkov do schránky.
Tmavý a svetlý motív
Vyberte si medzi tmavým a svetlým motívom panela, aby ladil s vaším prostredím.
04 / Stiahnuť
Prístup k produktu
Jasná cesta od oficiálneho zdroja k prvému úspešnému použitiu.
Vyberte správnu platformu
Použite jeden z oficiálnych odkazov pre svoje zariadenie alebo prehliadač.
Nainštalujte alebo otvorte
Postupujte podľa pokynov obchodu alebo otvorte webovú aplikáciu. Bez inštalátorov tretích strán.
Nastavte a začnite
Prejdite možnosti, vyberte predvoľby a začnite hlavným pracovným postupom.
Oficiálne možnosti prístupu
Stiahnuť
Nainštalujte rozšírenie POLPROG do svojho obľúbeného prehliadača.
05 / Technológia
Technológia produktu
Transparentný prehľad hlavných technológií použitých na vývoj a údržbu produktu.
Chrome Extension
TypeScript
Webpack
06 / Bezpečnosť
Súkromie a bezpečnosť
Vaše údaje zostávajú vo vašom zariadení. Vždy.