Как да видите кода на елемента в Chrome

Автор: Janice Evans
Дата На Създаване: 25 Юли 2021
Дата На Актуализиране: 1 Юли 2024
Anonim
Код Элемента На Компьютере|Код Элемента|Уроки По Компьютеру
Видео: Код Элемента На Компьютере|Код Элемента|Уроки По Компьютеру

Съдържание

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

Стъпки

  1. 1 Стартирайте браузъра Google Chrome на компютъра си. Кликнете върху многоцветната кръгла икона със син център. Той се намира в папката „Приложения“ (Mac) или в менюто „Старт“ (Windows).
  2. 2 Кликнете върху иконата с три вертикални точки. Ще го намерите близо до адресната лента в горния десен ъгъл на прозореца на браузъра. Ще се отвори меню.
  3. 3 Моля изберете Допълнителни инструменти в менюто. Ще се отвори подменю.
  4. 4 Кликнете върху Инструменти за разработчици в подменюто. Панелът за програмисти ще се отвори от дясната страна на прозореца на браузъра.
    • Можете също да отворите този панел, като щракнете върху ⌥ Опция+⌘ Cmd+Аз (Mac) или Ctrl+Алт+Аз (Windows).
  5. 5 Задръжте курсора на мишката върху елемент в лентата за програмисти. Този елемент ще бъде маркиран на уеб страницата.
  6. 6 Щракнете с десния бутон върху елемента на уеб страницата, за който искате да видите кода. Ще се отвори меню.
  7. 7 Моля изберете Преглед на кода в менюто. Съдържанието на панела за програмисти автоматично ще премине към избрания елемент и неговият код ще бъде маркиран.
    • За това не е необходимо да отваряте панела за програмисти ръчно. Когато щракнете върху Показване на кода, панелът за програмисти ще се отвори автоматично.