Давайте начнем знакомство с таким мощным инструментом разработчика, который называется консоль браузера. В этой серии видео уроков я постараюсь показать все те основные возможности и преимущества, которые у вас появятся, если вы будете использовать этот инструмент.

Для того, чтобы показать, как это все работает, я открыл простой тестовый сайт на котором буду демонстрировать основные те возможности, которые у вас появятся если вы будете пользоваться этим инструментом.

Итак, в данном случае у меня консоль открыта в нижней части экрана я могу изменять ее размеры, для того чтобы большую часть отдавать например сайту и либо большую часть экрана отдавать консоли.

Кроме того, я могу изменить ее положение, например, разместить ее в правой части экрана, либо в левой части экрана, либо внизу. 

Как-то более всего более, как то удобнее всего лично для меня это есть располагать эту консоль и внизу и знакомство с этим инструментом мы с вами начнем складки elements элементы. Самое первое, что открывается у нас когда мы запускаем консоль в браузере показывать это все я буду на примере консоли браузера chrome принципе яндекс браузере все тоже самое и в других браузерах.

Примерно аналогичный принцип работы консоли главное понять основной смысл а далее уже в тонкостях интерфейса консоли вы можете уже разобраться самостоятельно почему именно браузер chrome? Потому что это наиболее популярный браузер. Поэтому я решил остановиться именно на этом браузере.

Итак, возвращаемся к вкладке вы можете увидеть html код документа те элементы страницы, которые располагаются на той открытой странице, которые у вас в данный момент открыта во вкладке браузера.

Вы можете просматривать этот код, открывать его просматривать какие-то вложенные элементы в этого кода это самое простое, что можно сделать, конечно, просматривать сам по себе этот код довольно интересное занятие иногда бывает полезно но как правило правило в практическом применении нам нужно получить html-код.