Хотите внести изменения в дизайн своего сайта или посмотреть, как устроен элемент на странице? Для этого необходимо просмотреть исходный код элемента. В этой статье мы расскажем, как это сделать.
Шаг 1: Выберите нужный элемент на странице
Откройте страницу, на которой находится элемент, код которого вы хотите просмотреть. Выберите иконку «Инструменты разработчика», используя следующие методы:
* Нажмите на правую кнопку мыши внутри окна браузера и выберите «Инструменты разработчика» во всплывающем меню.
* Используйте комбинацию клавиш Ctrl+Shift+I (Windows) или Command+Option+I (Mac).
Шаг 2: Откройте «Elements»
Когда появится панель инструментов разработчика, найдите вкладку «Elements» (иногда она называется «DOM Explorer» или «HTML Panel»). Нажмите на нее.
Шаг 3: Выберите элемент на странице
Используя свойства панели инструментов разработчика, выберите элемент, код которого вы хотите просмотреть: щелкните на нем мышью, или используйте функцию поиска.
Шаг 4: Просмотрите код элемента
Когда элемент будет выбран, код отобразится в панели инструментов разработчика в окне «Elements». Здесь вы можете просмотреть HTML-код, CSS-стили и JavaScript-код элемента.
Советы:
— Вы можете использовать клавишу F12 на клавиатуре, чтобы быстро вызвать панель инструментов разработчика.
— При нажатии на кнопку «Ctrl+U» будет отображен весь исходный код страницы.