Как да проверите елементите на уеб страницата в Chrome: 7 стъпки

Съдържание:

Как да проверите елементите на уеб страницата в Chrome: 7 стъпки
Как да проверите елементите на уеб страницата в Chrome: 7 стъпки

Видео: Как да проверите елементите на уеб страницата в Chrome: 7 стъпки

Видео: Как да проверите елементите на уеб страницата в Chrome: 7 стъпки
Видео: Средневековый заброшенный замок вечного французского писателя 2024, Ноември
Anonim

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

Стъпка

Проверка на елемента в Chrome Стъпка 1
Проверка на елемента в Chrome Стъпка 1

Стъпка 1. Отворете Google Chrome на компютъра

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

Проверка на елемента в Chrome Стъпка 2
Проверка на елемента в Chrome Стъпка 2

Стъпка 2. Щракнете върху иконата с три вертикални точки

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

Проверка на елемента в Chrome Стъпка 3
Проверка на елемента в Chrome Стъпка 3

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

След това ще се покаже подменюто.

Проверка на елемента в Chrome Стъпка 4
Проверка на елемента в Chrome Стъпка 4

Стъпка 4. Щракнете върху Инструменти за програмисти в подменюто „Още инструменти“

Колона за проверка ще се покаже от дясната страна на прозореца на браузъра.

Като алтернатива можете да отворите прозореца за проверка с клавишна комбинация. Натиснете Option+⌘ Cmd+I на компютри Mac и Ctrl+Alt+I на компютри с Windows

Проверка на елемента в Chrome Стъпка 5
Проверка на елемента в Chrome Стъпка 5

Стъпка 5. Задръжте курсора на мишката върху елемент в колоната за проверка

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

Проверете елемента в Chrome Стъпка 6
Проверете елемента в Chrome Стъпка 6

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

Менюто с десен бутон ще се появи в падащото поле.

Проверка на елемента в Chrome Стъпка 7
Проверка на елемента в Chrome Стъпка 7

Стъпка 7. Изберете Inspect от падащото меню

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

Не е необходимо да отваряте ръчно полето за проверка. Избирам " Проверете ”В менюто с десен бутон, за да отворите автоматично колоната за проверка.

Препоръчано: