Як переглянути код елемента в chrome: 7 кроків

З цієї статті ви дізнаєтеся, як у комп`ютерній версії Google Chrome переглянути вихідний HTML-код візуального елемента на будь-який веб-сторінці.

кроки

1. Запустіть браузер Google Chrome на комп`ютері. Натисніть на різнокольоровий круглий значок з синім центром. Він знаходиться в папці «Програми» (Mac) або в меню «Пуск» (Windows).

2. Клацніть по значку у вигляді трьох точок, розташованих вертикально. Ви знайдете його у адресного рядка в правому верхньому куті вікна браузера. відкриється меню.

3. Оберіть додаткові інструменти в меню. відкриється підменю.

4. клацніть по Інструменти розробника в підміню. У правій частині вікна браузера відкриється панель розробника.

Також цю панель можна відкрити, якщо натиснути ⌥ Option+⌘ Cmd+I (Mac) або Ctrl+Alt+I (Windows).

5. Наведіть покажчик миші на елемент на панелі розробника. Цей елемент буде виділений на веб-сторінці.

6. Клацніть правою кнопкою миші по елементу на веб-сторінці, код якого потрібно переглянути. відкриється меню.

7. Оберіть переглянути код в меню. Вміст панелі розробника автоматично прокрутиться до обраного елемента, а його код буде виділений.

Для цього не потрібно відкривати панель розробника вручну. Коли ви натиснете «Показати код», панель розробника відкриється автоматично.