If you're seeing this message, it means we're having trouble loading external resources on our website.

Pokud používáš webový filtr, ujisti se, že domény: *.kastatic.org and *.kasandbox.org jsou vyloučeny z filtrování.

Hlavní obsah

Použití nástrojů pro vývojáře v prohlížeči

Vývoj webových stránek je obtížný. Proto vývojáři používají mnoho nástrojů, které jim pomáhají s jejich prací a vždy hledají nové a lepší nástoje.
Vývojářské nástroje, které jsou zahrnuty ve většině moderních prohlížečů, jsou oblíbené u většiny vývojářů. Jednotlivé prohlížeče se liší v tom, jaké nástroje poskytují, avšak většina prohlížečů si je podobná.

Prozkoumávání HTML

Skvělým nástrojem je možnost kliknout pravým tlačítkem myši na libovolný prvek na stránce a prozkoumat HTML daného prvku. Zde je video jak to udělat v prohlížeči Chrome:
Khan Academy video
Using inspect element for HTMLZobrazit přepis videa

Prozkoumávání CSS

Dalším užitečným nástrojem je inspektor CSS; pomocí tohoto nástroje si můžeš prohlédnout styly, které jsou použity na stylizaci prvku a sám si s nimi můžeš pohrát. Zde je video, které ukazuje, jak tento nástroj použít v prohlížeči Chrome:
Khan Academy video
Using inspect element for CSS stylesZobrazit přepis videa
Tyto nástroje ti můžou jednak pomoci pochopit strukturu jiných webů, tak i při ladění svých vlastních stránek.
Existuje mnoho dalších nástrojů, ale tyhle dva ti dají skvělý start k tomu, aby ses stal lepším webovým vývojářem. Zkus prozkoumat nějaký prvek na této stránce a uvidíš, co se dozvíš!

Chceš se zapojit do diskuze?

Zatím žádné příspěvky.
Umíš anglicky? Kliknutím zobrazíš diskuzi anglické verze Khan Academy.