Натисніть правою кнопкою в будь-якому місці на сторінці та виберіть Переглянути код. Ви побачите весь оброблений HTML-код сторінки. Щоб знайти потрібний елемент у ньому, використовуйте клавіші Ctrl + F (у Windows) або Command + F (в macOS).
Знайти HTML елемент можна кількома способами:
- за ідентифікатором id.
- на ім'я тега
- на ім'я класу
- за селекторами CSS.
- за наборами об'єктів HTML.
Що можна дізнатися про сайт із вихідного коду
- текст, який є на сторінці;
- кольори, шрифти та розміри елементів сторінки;
- ілюстрації, фотографії та інші деталі;
- посилання;
- важливі теги, метатеги та атрибути коду;
- скрипти, лічильники, генератори заявок, коди ідентифікації в системах та ін;
- дані JavaScript;
Збережена копія
Щоб переглянути властивості CSS для вибраного елемента, необхідно відкрити панель CSS і перейти на вкладку Обчислено. Обчислений стиль відображається, лише якщо вибрано один елемент. Якщо властивість визначається правилом, біля імені властивості відображається стрілка.