Преглед на HTML кода на страницата в браузъра
Всяка страница в Интернет е HTML код с добавяне на други уеб елементи: CSS, JavaScript, ActionScript. Разглеждането на кода му е достъпно за всеки потребител и всеки браузър предоставя няколко инструмента за това.
съдържание
Преглед на HTML кода на страницата в браузъра
Прегледът на кода за страница в даден сайт може да е необходим поради различни причини: например за получаване на разширена информация за това, от какво се състои страницата, копиране или редактиране на някаква информация за образователни цели за начинаещи уеб разработчици. Ще анализираме основните начини за решаване на проблема.
Метод 1: Клавишна комбинация
Браузърът е много по-удобен за управление, ако научите и практикувате различни горещи клавиши. Така че, за да отворите бързо изходния код, просто натиснете Ctrl + U. Работи във всички уеб браузъри, така че дори и при използване на различни програми, комбинацията няма да загуби своята актуалност.
Метод 2: Контекстно меню
За тези, които ползват по-удобно мишката, е предвидена алтернатива и за всички браузъри тя е почти еднаква.
- Google хром : Щракнете с десния бутон върху празно място и изберете "Преглед на кода на страницата" .
- Yandex Browser : RMB по празен> Преглед на кода на страницата .
- опера : Обадете се в контекстното меню и кликнете върху опцията „Текст на изходната страница“ .
- Mozilla firefox : Щракнете с десния бутон върху празно място на страницата, разгънете контекстното меню и щракнете върху позицията "Изходен код на страницата" .
В резултат на тези действия ще се отвори нов раздел със съдържанието, което ви интересува. Ще бъде същото независимо от браузъра.
Метод 3: Инструменти за програмисти
В допълнение към преглеждането на непрекъснат код, браузърите имат инструменти за разработчици, които ви позволяват да получавате по-ясно различна информация за страницата и да ги редактирате. Сред тези инструменти има един, който показва целия HTML / CSS код на страницата, което позволява на потребителя да изследва конкретни елементи на страницата в реално време.
Прочетете също: Отваряне на конзолата за програмисти в браузър
- Google Chrome: щракнете с десния бутон на мишката върху страница или обект и изберете „Преглед на кода“ .
- Yandex Browser: кликнете с десния бутон на мишката върху страница или зона на интерес и изберете „Explore Element“ .
- Опера: щракнете върху RMB в желаната област на страницата и след това върху опцията „Вижте кода на артикула“ .
- Mozilla Firefox: RMB във всяка област на страницата или в конкретна част - „Разгледайте елемента“.
По подразбиране се отваря раздела Elements (в Firefox, инспектора ), където можете да видите HTML и CSS кода на цялата страница или конкретен обект. За да научите повече за конкретен елемент на страницата, кликнете върху бутона със стрелка и посочете обекта, който ви интересува. Цялата свързана информация ще бъде показана в изскачащ прозорец, а инструментите на програмиста автоматично ще разширят областта на кода, която отговаря за избрания елемент.
С останалите функции на този раздел, потребителят може да го разбере сам, както и да направи промени, ако е необходимо.
В тази кратка статия научихте 3 начина за отваряне и преглед на HTML кода на която и да е интернет страница. Ако в статията не сте намерили нужния уеб браузър, просто вземете предложените инструкции за основа - повечето съвременни браузъри използват същия двигател - Chromium или неговата вилица, така че принципът на извикване на желания раздел почти не се различава.