Živý inspektor prvků
Najeďte na libovolný prvek a okamžitě uvidíte jeho tag, třídy, rozměry a pozici.
DevScope
Inspektor prvků
Inspektujte libovolný prvek okamžitě
Nástroj pro vývojáře
Oficiální stránka produktu
Vydavatel:
POLPROG
Oficiální stránka produktu
6
Panely
15+
Zkratky
19
Jazyky
0
Sebraná data
01 / DevScope
O aplikaci
Lehký a rychlý inspektor prvků pro webové vývojáře. Navigace v DOM, živá úprava CSS, inspektor atributů, vypočtené styly a poznatky o přístupnosti.
02 / Využití
Co to řeší
Problém
- Plné vývojářské nástroje odsunou stránku stranou
- Každý pokus o styl jde přes editor
- Nevíte, kam míří to, co prohlížíte
Výsledek
- Lehký panel se vznáší nad tím, co zkoumáte
- Změnu CSS vidíte hned, naživo
- Žádná data neopustí váš prohlížeč
Pro koho
- Front-end vývojáři
- Auditoři přístupnosti
- Kdo zkouší úpravy CSS na živé stránce
03 / Klíčové funkce
Klíčové funkce
Nejdůležitější možnosti vysvětlené prakticky.
Navigace v DOM
Procházejte stromem DOM nahoru/dolů pomocí klávesových zkratek nebo kliknutí.
Živá úprava CSS
Upravujte vlastnosti CSS v reálném čase a okamžitě vidíte změny na stránce.
Inspektor atributů
Zobrazte a zkopírujte všechny HTML atributy, datové atributy a role ARIA.
Vypočtené styly
Zobrazte vypočtené hodnoty pro libovolnou vlastnost CSS včetně vizualizace box modelu.
Panel přístupnosti
Zkontrolujte role ARIA, popisky, kontrastní poměry a informace ze stromu přístupnosti.
Plovoucí panel
Přetahovatelný panel s nastavitelnou velikostí, který zůstává navrchu - nikdy nebrání vaší práci.
Klávesové zkratky
Procházejte DOM, přepínejte panely a inspektujte prvky bez dotyku myši.
Nástroje pro kopírování
Kopírujte selektory, styly, vnější HTML nebo snímky prvků do schránky.
Tmavý a světlý motiv
Vyberte si mezi tmavým a světlým motivem panelu podle svého prostředí.
04 / Stáhnout
Přístup k produktu
Jasná cesta od oficiálního zdroje k prvnímu úspěšnému použití.
Vyberte správnou platformu
Použijte jeden z oficiálních odkazů pro své zařízení nebo prohlížeč.
Nainstalujte nebo otevřete
Postupujte podle pokynů obchodu nebo otevřete webovou aplikaci. Bez instalátorů třetích stran.
Nastavte a začněte
Projděte možnosti, zvolte předvolby a začněte hlavním pracovním postupem.
Oficiální možnosti přístupu
Stáhnout
Nainstalujte rozšíření POLPROG do svého oblíbeného prohlížeče.
05 / Technologie
Technologie produktu
Transparentní přehled hlavních technologií použitých k vývoji a údržbě produktu.
Chrome Extension
TypeScript
Webpack
06 / Zabezpečení
Soukromí a bezpečnost
Vaše data zůstávají ve vašem zařízení. Vždy.