Browser web tools Flashcards

1
Q

Как пользовался инструментами разработчика в браузере?

A

Рассказать минимум о 3 вкладках и кратко описать каждую: elements, console, network.

Elements — здесь показывается весь HTML и CSS код. С её помощью можно отслеживать элементы и их свойства на странице, можно редактировать стили и проверять вёрстку на переполнение.

Console — вкладка консоли позволяет смотреть вывод JavaScript, а также писать свой код на этом языке для тестирования и отладки страницы.

Sources — все подгруженные файлы из всех источников. Здесь хорошо можно отследить, сколько информации вы получаете от внешних ресурсов.

Network — здесь можно отследить все, что касается загрузки вашего сайта: файлы, их размер, скорость загрузки, тип запроса к сайту, его внутренние части и так далее. В общем, любой запрос, который делает ваш сайт, отображается в этой вкладке.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

что такое !important в css?

A

Правило в css для добавления большего приоритета свойствам, оверрайдит все предыдущие правила для свойства элемента в котором прописан.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly