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

Ако си зад уеб филтър, моля, увери се, че домейните *. kastatic.org и *. kasandbox.org са разрешени.

Основно съдържание

Използване на инструментите за разработка в браузъра

Уеб разработката е сложна. Ето защо уеб разработчиците използват много инструменти, които да им помагат в работата – и винаги се оглеждат за нови инструменти, които да добавят в кутиите си.
Инструментите за разработка в браузъра, които споменахме, са включени в повечето браузъри и са много любими на повечето разработчици. Всеки браузър се различава по това кои точно инструменти осигурява, но приликите са повече от разликите.

Инспектиране на HTML

Една страхотна функционалност е възможността да кликнеш с десен бутон върху всеки елемент на страницата и да разгледаш HTML кода на този елемент. Ето едно видео как да направиш това в Chrome:
Видео плейър на видеоклиповете в Кан Академия

Инспектиране на CSS

Друг полезен инструмент е инспекторът на CSS; с този инструмент можеш да провериш кои стилове се отнасят за даден елемент и да си поиграеш с тях. Ето едно видео, което показва как да използваш този инструмент в Chrome:
Видео плейър на видеоклиповете в Кан Академия
Using inspect element for CSS stylesВиж видео транскрипцията
Тези инструменти могат да ти помогнат да разбереш структурата на уеб сайтовете и да ти помогнат да дебъгваш собствените си сайтове.
Има още много инструменти, но тези два инструмента ти дават добро начало за това да станеш добър уеб разработчик. Опитай се да разгледаш елементите на тази страница и виж какво ще откриеш!

Искаш ли да се присъединиш към разговора?

Все още няма публикации.
Разбираш ли английски? Натисни тук, за да видиш още дискусии в английския сайт на Кан Академия.