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 инструкции, за да намерят прости проблеми или скапано кодиране, вместо да се ровят в инструмент за разработка. Това е опция за бърз преглед, точно като функция за бърз преглед на компютърни файлове, когато не отваря други програми. Освен това хората могат да копират фрагменти от код и да ги поставят в инструмент за разработка на уебсайтове.


Как да коригирате повредени данни на PS4

Как да коригирате повредени данни на PS4

Повредените данни на вашата Sony PlayStation 4 звучат като нещо ужасно, но всъщност са относително лесни за коригиране. Така че, ако получите грешка с повредени данни

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

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

Популярността на Telegram нараства поради подхода и функциите, които поставят на първо място поверителността, което го прави мощно приложение за съобщения. Компанията обаче изисква потребители

Как да промените цвета на текста в Discord

Как да промените цвета на текста в Discord

https://www.youtube.com/watch?v=Bwb_5ZggIjg Едно нещо, което Discord не поддържа особено добре, е жизнено и цветно текстово изживяване в чата.

Как да заглушите X интервали

Как да заглушите X интервали

Ако използвате X Spaces редовно, може да искате да заглушите себе си или другите по време на разговор. Може би във вашия офис има много фонов шум или

Как да деактивирате Не безпокойте на IPhone

Как да деактивирате Не безпокойте на IPhone

„Не безпокойте“ е функция на повечето смартфони, която ви позволява да заглушите всички известия, включително обаждания, текстови съобщения и сигнали от приложения на трети страни.

Как да скриете история от всички в Instagram

Как да скриете история от всички в Instagram

Повечето потребители публикуват истории в Instagram, за да споделят своите ежедневни дейности и важни моменти от живота си. Въпреки това, преди да публикувате история, може да искате

Най-добрите VS Code HTML преки пътища

Най-добрите VS Code HTML преки пътища

Научете някои основни и най-добри VS Code преки пътища, за да ускорите своя работен процес за разработка на HTML, да спестите време и да пишете код ефективно.

Как да намерите бастион в Minecraft

Как да намерите бастион в Minecraft

Ако искате да се докопате до рядка плячка, превъзходни предмети или голямо количество злато в Minecraft, намирането на Bastion може да ви помогне. Основно открити в

Как да коригирате код на грешка 267 в Roblox

Как да коригирате код на грешка 267 в Roblox

Ако сте запален играч на Roblox, може вече да сте срещали случайни грешки в платформата. И все пак, код за грешка 267 може лесно да се класира като най-много

Как да коригирате известията на TikTok, които не работят

Как да коригирате известията на TikTok, които не работят

Нарастващата популярност на TikToks направи това приложение за създаване на видео едно от най-изтегляните в Google Play и App Store. Хората го харесват, защото е лесно