Как посмотреть исходный код страницы
Предположим, что вы составляете список гостей на свадьбу. Этот список постоянно меняется: добавились друзья семьи Дима и Света, не смогут прийти троюродные сестры со стороны жены Лида с Наташей. Для представления таких данных из реального мира в Python отлично подходят списки.
![Телефон вместо компьютера Проверка и сохранение элемента в редакторе элементов](https://diamarka.com/upload/resize_cache/webp/iblock/3b7/3b7a8372966df535d51dea75516d2814.webp)
![Что такое исходный код страницы и кому он нужен Проверка элемента пользовательского интерфейса](https://habrastorage.org/webt/vb/pc/1e/vbpc1eor8wfm_-4f8xzkdbmbveg.png)
![Доступные вкладки и их использование Как посмотреть код страницы на телефоне или как обходиться в работе без ПК](https://dwweb.ru/__img/__speed_foto/2019_12_26_02_36.png)
![Направления Как научиться читать код сайта и зачем это нужно, если вы не программист](https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Periodic_table_ru.svg/640px-Periodic_table_ru.svg.png)
![Как посмотреть исходный код страницы Как исследовать элемент CSS если он закрывается (пункт меню)?](https://img2.joyreactor.cc/pics/post/Игры-видеоигры-Разработчики-игр-8083636.jpeg)
![Настройки DevTools Исследование частично индексированных элементов в обнаружении электронных данных](https://m.media-amazon.com/images/I/41bj2jWqLsL._AC_UF1000,1000_QL80_.jpg)
![Как открыть инструменты разработчика Как сохранить измененный код элемента на сайте](https://its.1c.ru/db/content/kip/src/_img/image1148.png?_=0000C7376F171C92-v2)
![В этой статье Почему не совпадает ширина экрана при верстке на ноутбуке и компьютере в исследовать элемент?](https://dwweb.ru/__new_img/browser/044_issledovat_element_knopka.png)
![Как сделать сохранение измененного кода элемента на сайте: 6 лучших способов Element.closest()](https://storage.nic.ru/ru/images/png/1.code-11.png)
![Почему количество частично индексированных элементов изменяется для поиска? Проверка наличия элемента в видимом DOM без getElementById](https://ivannikitin.com/wp-content/uploads/2018/11/Screenshot_20181111-083339-1.png)
![Как посмотреть обработанный код страницы Цитологическое исследование](https://www.directline.pro/upload/medialibrary/755/7556b08b8c3961c4cd69ab0a98d9dcae.png)
![Методы сохранения изменений кода элемента на сайте: Введение в Chrome DevTools. Панель Elements](https://www.directline.pro/upload/medialibrary/24f/24f9d1d5884c927dabdce8991e536470.png)
![Похожие вопросы Использование Инструментов разработчика Chrome для проверки тегов](https://3.bp.blogspot.com/-2UBuLcFFcro/VNxK41MW4wI/AAAAAAAAFCA/rwehHQJcgRk/s00/poisk-tegov-html.png)
Часто возникают ситуации, когда необходимо проанализировать содержимое веб-страницы: посмотреть description, узнать размер какого-то элемента или просто выяснить, какой используется шрифт. С помощью опции «Просмотреть код» можно узнать не только это, но и многое другое — практически всю подноготную сайта. Для каких целей нужен навык чтения кода и как в несколько кликов посмотреть содержимое сайта? Об этом и многом другом поговорим в сегодняшней статье. Думаете, если вы не программист или верстальщик, то код вам вряд ли понадобится? На самом деле, он может помочь в разных ситуациях.
![Медицинские услуги Как исследовать элемент (Index)? - Вопрос от trem - uВопросы](https://www.directline.pro/upload/medialibrary/29b/29b45ff1211e2f66db83f7bc032acd73.png)
![Изучение методов определения видимости Как исследовать элемент CSS если он закрывается (пункт меню)? — Хабр Q&A](https://journal.topvisor.com/controller/file/?src=/cloud/common/pages/marketing/html-source-code/dev-tools-explore-elements.png&w=608)
![Быстрый ответ Исследование частично индексированных элементов в обнаружении электронных данных | Microsoft Learn](https://www.wikihow.com/images_en/thumb/e/ee/Use-the-Inspect-Element-in-Mozilla-Firefox-Step-8.jpg/v4-460px-Use-the-Inspect-Element-in-Mozilla-Firefox-Step-8.jpg.webp)
![Исследовать элемент Яндекс браузер Как сохранить измененный код элемента на сайте: лучшие способы](https://www.wikihow.com/images/7/79/Use-the-Inspect-Element-in-Mozilla-Firefox-Step-12.jpg)
![Исследовать элемент все браузеры: Как посмотреть обработанный код страницы - Cправка - Search Console](https://static.tildacdn.com/tild3766-3130-4236-b231-613831306231/unnamed_51.png)
Все сервисы Хабра. София Булгакова BazooQa. CSS Навигация пользователя. Суть проблемы в том, что я не верю что пункты меню это :hover, так как все советы по этому вопросу в Сети не работают.
![In this article Почему пункт](https://www.wikihow.com/images_en/thumb/9/95/Use-the-Inspect-Element-in-Mozilla-Firefox-Step-5-Version-2.jpg/v4-460px-Use-the-Inspect-Element-in-Mozilla-Firefox-Step-5-Version-2.jpg.webp)
![Доступ к Инструментам разработчика](https://basket-10.wbbasket.ru/vol1509/part150937/150937851/images/big/3.webp)
![](https://img.infourok.ru/is07/img/0072-0010dcd9-b898451b-771x771.png)
![](https://autocad-specialist.ru/images/uroki-revit/Sposoby-proverki-bim-modeli-na-oshibki-i-peresecheniya-v-revit/sposoby-proverki-2.jpg)
![](https://www.wikihow.com/images_en/thumb/2/2e/Use-the-Inspect-Element-in-Mozilla-Firefox-Step-1-Version-4.jpg/v4-460px-Use-the-Inspect-Element-in-Mozilla-Firefox-Step-1-Version-4.jpg.webp)
![](https://cyberleninka.ru/viewer_images/19587858/f/1.png)
![](https://pravo.ua/wp-content/uploads/2021/02/Screenshot-2021-02-08-224351.png)
![](https://forum.kaspersky.com/uploads/archive/images/5aee5ab3-5179-499c-b904-bf7bca62ef7e.jpg)
![](https://www.wikihow.com/images_en/thumb/4/44/Use-the-Inspect-Element-in-Mozilla-Firefox-Step-11.jpg/v4-460px-Use-the-Inspect-Element-in-Mozilla-Firefox-Step-11.jpg.webp)