Google Chrome: Какво е View Page Source?

Google Chrome: Какво е View Page Source?

Посочен в менютата на Chrome и Chromium е „Преглед на източника на страницата“. Това позволява на разработчиците и потребителите да научат какво се случва под капака, когато дадена страница се зареди в браузъра. Това е прозорец към сложността на HTML, CSS и JavaScript, които изграждат уебсайтовете, които разглеждате ежедневно.

Google Chrome: Какво е View Page Source?

Дефиниране на изходния код на страницата за преглед в Chrome

Опцията View page source помага на разработчиците да анализират и отстраняват грешки в уеб страница и дава на ентусиастите възможност да надникнат в градивните елементи на уебсайтовете.

Прегледът на изходния код ви позволява да видите всяка съставка на уеб страницата (HTML), как се обработва (CSS) и кодиращите взаимодействия, които обединяват всичко (JavaScript). Този подробен изглед е безценен за отстраняване на проблеми. Има ли проблем с оформлението? Проверката на изходния код на страницата може да разкрие липсващ етикет. Бутонът не реагира ли? Разделът на JavaScript може да съдържа отговора.

Не можете да променяте кода, да го тествате или да визуализирате каквито и да било промени, както можете, когато използвате опцията Inspect (DevTools) . Той обаче предлага бърз поглед, за да идентифицирате всичко, от което се нуждаете, независимо дали за образователни цели, отстраняване на грешки или изследователски цели.

Как да получите достъп до изходния код на уеб страница в Chrome

Има два метода за достъп до изходния код на уеб страница в браузърите Chrome и Chromium. Освен това само един метод работи за страници, защитени с десен бутон. Да започваме.

Използване на опцията от менюто „Преглед на изходния код на страницата“.

Тази опция е най-лесният начин за преглед на изходния код на уеб страница и работи за всяка онлайн страница.

  1. Отворете браузър Google Chrome или Chromium като Edge или Brave .
  2. Достъп до уебсайта или уеб страницата, които ви интересуват.
  3. Щракнете с десния бутон върху отворена област, изберете Преглед на източника на страницата или натиснете Ctrl + U (Windows) или Command + U (Mac).
    Google Chrome: Какво е View Page Source?
  4. След това изходният код ще бъде показан в нов раздел, наподобяващ оформление на текстов редактор.

Използване на URL опцията 'view-source'

  1. Стартирайте Google Chrome или браузър Chromium като Edge или Brave .
  2. Достъп до уебсайта или уеб страницата, които ви интересуват.
  3. В адресната лента въведете view-source:[URL на уеб страницата тук] , като например следното:
    view-source:https://www.alphr.com.
    Google Chrome: Какво е View Page Source?
  4. След това изходният код ще бъде показан в нов раздел, наподобяващ оформление на текстов редактор.

Вижте как да видите HTML код в Chrome за по-подробен преглед на достъпа до функцията на други устройства.

Не копирайте и не използвайте директно изходното съдържание на страницата

Разглеждането на изходния код на уебсайт е лесен начин да получите представа за неговата структура и съдържание. Той обаче не предоставя по-разширена информация, като отстраняване на грешки или анализ на производителността. Освен това динамичното съдържание, генерирано от JavaScript, може да не се вижда в изходния код.

Важно е да запомните, че всеки уебсайт е уникален и това, което работи за един, може да не работи за друг. Освен това може да попаднете на лошо оптимизирани уебсайтове, които служат като примери какво да не правите.

Често задавани въпроси

В: Безопасно ли е променянето на HTML, CSS и Java код в опцията Inspect?

О: Можете да правите каквото искате в режим на проверка в Chrome или браузър Chromium. Това не променя уебсайта по никакъв начин. Правите редакции в реално време само за визуализацията на страницата отляво.

Въпрос: Опцията „Преглед на изходния код“ не е ли загуба на време?

О: Не, преглеждането на изходния код позволява на разработчиците да погледнат съществуващите HTML, CSS и Java инструкции, за да намерят прости проблеми или скапано кодиране, вместо да се ровят в инструмент за разработка. Това е опция за бърз преглед, точно като функция за бърз преглед на компютърни файлове, когато не отваря други програми. Освен това хората могат да копират фрагменти от код и да ги поставят в инструмент за разработка на уебсайтове.


Как да изтриете профилни снимки в Telegram

Как да изтриете профилни снимки в Telegram

Ако сте били активни в Telegram от известно време, може да искате да промените профилните си снимки. Старите профилни снимки обаче не се изтриват автоматично

Как да актуализирате Safari на iPad

Как да актуализирате Safari на iPad

За да бъде в крак с други популярни търсачки, браузърът Safari на Apple непрекъснато се допълва с нови функции и добавки за сигурност. Актуализациите

Как да получите рупии в сълзите на кралството

Как да получите рупии в сълзите на кралството

Има различни предмети, с които ще трябва да се запасите в „Легендата за Зелда: Сълзите на Кралството“ (TotK). Повечето от тях ще изискват пари за получаване. The

Как да промените вашето потребителско и показвано име в Twitter от всяко устройство

Как да промените вашето потребителско и показвано име в Twitter от всяко устройство

Twitter позволява на потребителите да променят своето потребителско име и показвано име (Twitter манипулатор) на каквото искат, а методите за това са доста прости. Имайте

Как да промените следващия въпрос въз основа на отговор в Google Forms

Как да промените следващия въпрос въз основа на отговор в Google Forms

Google Forms ви позволява да създавате различни анкети, проучвания, въпросници, тестове и др. Понякога правенето на дълги проучвания може да стане скучно за някои

Как да добавите преход към всички снимки в IMovie

Как да добавите преход към всички снимки в IMovie

Включването на преходи във вашите клипове в iMovie ги прави по-привлекателни и ще помогне на зрителите да закачат вашето видео съдържание. Но въпреки това

Как да видите скрита информация във Facebook Marketplace

Как да видите скрита информация във Facebook Marketplace

Facebook Marketplace е отлична платформа, която можете да използвате, ако искате да продадете част от неизползваните си вещи или ако искате да купите нещо. Но може

Как да активирате Wi-Fi връзка на телевизор LG

Как да активирате Wi-Fi връзка на телевизор LG

Телевизор LG е вашият портал към 100+ програми. Съдържанието варира от новинарски и спортни канали до популярни филми и телевизионни сериали. Можете да гледате съдържание от

Как да интегрирате напомняне на Google Keep в календара

Как да интегрирате напомняне на Google Keep в календара

Един от начините за оптимизиране на вашите бележки в Google Keep е добавянето на напомняния и управлението им от Google Calendar заедно с напомняния от други Google

Как да получите достъп до блокирани уебсайтове на компютър или мобилно устройство

Как да получите достъп до блокирани уебсайтове на компютър или мобилно устройство

Искате ли да знаете как да получите достъп до блокирани уебсайтове на компютър или мобилно устройство? Някои уебсайтове ограничават достъпа до потребителите, ако имат достъп до сайта