Как да проверите елемент в Chrome: 7 стъпки (със снимки)

Съдържание:

Как да проверите елемент в Chrome: 7 стъпки (със снимки)
Как да проверите елемент в Chrome: 7 стъпки (със снимки)

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

Видео: Как да проверите елемент в Chrome: 7 стъпки (със снимки)
Видео: Как да Сложим Една Снимка върху Друга | PHOTOSHOP ЗА НАЧИНАЕЩИ 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. Задръжте курсора на мишката върху елемент в колоната Inspector

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

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

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

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

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

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

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

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

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