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

Всем привет, в общем видел что кто то открывал в интернете панель с кодом страницы, подскажите пожалуйста, как это делать, и зачем эта функция в браузере, можно ли так менять логику страницы?

ctrl shift i откроет эту панель, это называется панель разработчика, у меня открывается еще и на f12, там можно посмотреть насколько я знаю всё что загружается на твое устройство, в плане html, css, js, если интересует какой то элемент отдельный то нажми ctrl shift c и на элемент строение которого тебе интересно и данный элемент отобразится в панеле разработчика, так же тут ты можешь отключать некоторые стили, дописывать некоторые стили, дописывать html, в общем очень удобная и полезная штука, показывает внутренние и внешние отступы, когда делал разные проекты и горели сроки то я сразу дописывал в панель разработчика элементы что бы ускорить процесс работы, и уже работающий код переносил в файл, главное не забывать копировать код, иначе будет очень обидно)