Това wikiHow ви учи как да изследвате HTML кода на визуалните елементи на уеб страницата в Google Chrome с помощта на компютър.
Стъпка

Стъпка 1. Отворете Google Chrome на компютъра
Иконата на Chrome изглежда като цветна топка със синя точка в центъра. Можете да намерите тази икона в папката „Приложения“на компютър с Mac или в менюто „Старт“на компютър с Windows.

Стъпка 2. Щракнете върху иконата с три вертикални точки
Той е до адресната лента, в горния десен ъгъл на прозореца на браузъра. След това ще се покаже падащо меню.

Стъпка 3. Задръжте курсора на мишката върху Още инструменти в падащото меню
След това ще се покаже подменюто.

Стъпка 4. Щракнете върху Инструменти за програмисти в подменюто „Още инструменти“
Колона за проверка ще се покаже от дясната страна на прозореца на браузъра.
Като алтернатива можете да отворите прозореца за проверка с клавишна комбинация. Натиснете Option+⌘ Cmd+I на компютри Mac и Ctrl+Alt+I на компютри с Windows

Стъпка 5. Задръжте курсора на мишката върху елемент в колоната за проверка
Когато курсорът се задържи върху елемент или ред в прозореца за проверка, съответният елемент ще бъде маркиран на уеб страницата.

Стъпка 6. Щракнете с десния бутон върху елемента, който искате да проверите на уеб страницата
Менюто с десен бутон ще се появи в падащото поле.

Стъпка 7. Изберете Inspect от падащото меню
След това инспекционната колона ще бъде изместена нагоре или надолу към този елемент. Изходният код на елемента ще бъде маркиран.