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

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

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

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

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

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

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