Зміст

• Кроки

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

Кроки

1. 

   Відкрийте Google Chrome на комп’ютері. Ви знайдете піктограму браузера (кольорову сферу) у папці додатків Mac або в меню «Пуск Windows».

2. 

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

3. 

   Наведіть курсор миші Більше інструментів. Буде показано підменю.

4. 

   
   
   натисніть Інструменти для розробників. Панель інспектора відкриється в правій частині браузера.
   • Ви також можете відкрити Інспектор за допомогою ярлика ⌥ Варіант+⌘ Cmd+Я на Mac і Ctrl+Alt+Я на Windows.

5. 

   
   
   Наведіть курсор миші на елемент на панелі "Інспектор", щоб він був виділений на веб-сторінці.

6. 

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

7. 

   Виберіть Огляньте. На панелі "Інспектор" знайдеться вибраний елемент, підкресливши його вихідний код.
   • Панель інспектора можна відкрити безпосередньо за допомогою цієї процедури.