Посочен в менютата на Chrome и Chromium е „Преглед на източника на страницата“. Това позволява на разработчиците и потребителите да научат какво се случва под капака, когато дадена страница се зареди в браузъра. Това е прозорец към сложността на HTML, CSS и JavaScript, които изграждат уебсайтовете, които разглеждате ежедневно.
Опцията View page source помага на разработчиците да анализират и отстраняват грешки в уеб страница и дава на ентусиастите възможност да надникнат в градивните елементи на уебсайтовете.
Прегледът на изходния код ви позволява да видите всяка съставка на уеб страницата (HTML), как се обработва (CSS) и кодиращите взаимодействия, които обединяват всичко (JavaScript). Този подробен изглед е безценен за отстраняване на проблеми. Има ли проблем с оформлението? Проверката на изходния код на страницата може да разкрие липсващ етикет. Бутонът не реагира ли? Разделът на JavaScript може да съдържа отговора.
Не можете да променяте кода, да го тествате или да визуализирате каквито и да било промени, както можете, когато използвате опцията Inspect (DevTools) . Той обаче предлага бърз поглед, за да идентифицирате всичко, от което се нуждаете, независимо дали за образователни цели, отстраняване на грешки или изследователски цели.
Как да получите достъп до изходния код на уеб страница в Chrome
Има два метода за достъп до изходния код на уеб страница в браузърите Chrome и Chromium. Освен това само един метод работи за страници, защитени с десен бутон. Да започваме.
Използване на опцията от менюто „Преглед на изходния код на страницата“.
Тази опция е най-лесният начин за преглед на изходния код на уеб страница и работи за всяка онлайн страница.
Използване на URL опцията 'view-source'
Вижте как да видите HTML код в Chrome за по-подробен преглед на достъпа до функцията на други устройства.
Не копирайте и не използвайте директно изходното съдържание на страницата
Разглеждането на изходния код на уебсайт е лесен начин да получите представа за неговата структура и съдържание. Той обаче не предоставя по-разширена информация, като отстраняване на грешки или анализ на производителността. Освен това динамичното съдържание, генерирано от JavaScript, може да не се вижда в изходния код.
Важно е да запомните, че всеки уебсайт е уникален и това, което работи за един, може да не работи за друг. Освен това може да попаднете на лошо оптимизирани уебсайтове, които служат като примери какво да не правите.
Често задавани въпроси
В: Безопасно ли е променянето на HTML, CSS и Java код в опцията Inspect?
О: Можете да правите каквото искате в режим на проверка в Chrome или браузър Chromium. Това не променя уебсайта по никакъв начин. Правите редакции в реално време само за визуализацията на страницата отляво.
Въпрос: Опцията „Преглед на изходния код“ не е ли загуба на време?
О: Не, преглеждането на изходния код позволява на разработчиците да погледнат съществуващите HTML, CSS и Java инструкции, за да намерят прости проблеми или скапано кодиране, вместо да се ровят в инструмент за разработка. Това е опция за бърз преглед, точно като функция за бърз преглед на компютърни файлове, когато не отваря други програми. Освен това хората могат да копират фрагменти от код и да ги поставят в инструмент за разработка на уебсайтове.
Научете как да промените темата, цветовете и настройките си в Windows 11 за перфектно изживяване на работния плот.
Научете топ 10 съвета и трика за Microsoft Edge, за да извлечете максимума от браузъра с помощта на нови функции и подобрения.
Научете как да активирате връзките на отдалечен работен плот на Windows 10 и получете достъп до вашия компютър от всяко устройство.
Bluetooth ви позволява да свързвате устройства и аксесоари с Windows 10 към вашия компютър без нужда от кабели. Открийте как да решите проблеми с Bluetooth.
Ако мислите как да промените потребителското име в Instagram, вие сте на правилното място. Прочетете блога от началото до края, за да разберете лесните стъпки и полезните съвети.
Синхронизирайте настройките на Windows 10 на всичките си устройства с новото приложение Настройки. Научете как да управлявате настройките за синхронизиране на вашия акаунт в Microsoft.
Открийте как да използвате Bing по-ефективно с нашите 8 съвета и трика. Научете как да подобрите търсенето си в Bing.
Опитвате се да изтриете празна страница в Word? В това ръководство ще ви покажем как да изтриете страница или празна страница в Word.
Това е един от най-големите въпроси, които потребителите задават, ако могат да видят „кой е прегледал техния профил в Instagram“. Научете как да проследите тези, които гледат профила ви!
Въпреки че телевизорът вероятно ще функционира добре без интернет връзка, ако имате кабелен абонамент, американските потребители започнаха да преминават към онлайн
