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

От тази статия ще научите как да прегледате HTML кода на визуалния елемент в компютърната версия на Google Код на всяка уеб страница.

Стъпка

един. Стартирайте браузъра на Chrome на компютъра. Кликнете върху многоцветна кръгла икона със син център. Той се намира в папката "Програми" (Mac) или в менюто "Старт" (Windows).

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

Изображение, озаглавено инспектиран елемент на хром стъпка 3

3. Избирам Допълнителни инструменти В менюто. Подменюто се открива.

Изображение, озаглавен инспекционен елемент на хром стъпка 4

4. Кликнете върху Инструменти на разработчика в подменюто. Панелът на разработчиците се отваря в дясната страна на прозореца на браузъра.

Също така този панел може да бъде отворен, ако кликнете върху ⌥ Вариант+⌘ cmd+I (MAC) или Ctrl+Alt+I (Windows).

Изображение, озаглавено инспектиран елемент на хром стъпка 5

пет. Мишката върху елемента на панела за разработчици. Този елемент ще бъде маркиран на уеб страница.

Изображение, озаглавено инспектор на елемента на хром стъпка 6

6. Кликнете с десния бутон върху елемента на уеб страницата, кодът на когото искате да видите. Отворете менюто.

Изображение, озаглавено инспектиран елемент на хром стъпка 7

7. Избирам Виж код В менюто. Съдържанието на панела за разработчици автоматично ще премине към избрания елемент и кодът му ще бъде маркиран.

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