Како да видите ХТМЛ извор у Гоогле Цхроме-у

Без обзира да ли сте веб дизајнер који отклања грешке у изворном коду вашег сајта или сте само радознали како изгледа код сајта, можете да видите ХТМЛ извор директно у Гоогле Цхроме-у. Постоје два начина да видите ХТМЛ извор: Прегледајте извор и проверите помоћу алатки за програмере.

Прикажи извор користећи Виев Паге Соурце

Покрените Цхроме и скочите на веб страницу на којој желите да видите изворни ХТМЛ код. Кликните десним тастером миша на страницу и кликните на „Прикажи извор странице“ или притисните Цтрл + У да бисте видели извор странице у новој картици.

Отвара се нова картица заједно са свим ХТМЛ-ом за веб страницу, потпуно проширена и неформатирана.

Ако тражите одређени елемент или део у ХТМЛ извору, коришћење Виев Соурце је заморно и гломазно, посебно ако страница користи много ЈаваСцрипт-а и ЦСС-а.

Проверите извор користећи алатке за програмере

Овај метод користи окно Алати за програмере у Цхроме-у и много је чистији приступ за преглед изворног кода. ХТМЛ је овде лакши за читање захваљујући додатном форматирању и могућности сажимања елемената које не желите да видите.

Отворите Цхроме и идите на страницу коју желите да прегледате; затим притисните Цтрл + Схифт + и. Усидрено окно ће се отворити поред веб странице коју гледате.

Кликните на малу сиву стрелицу поред елемента да бисте га још више проширили.

Ако не желите да подразумевано видите цео код странице, већ уместо тога прегледате одређени елемент у ХТМЛ-у, кликните десним тастером миша на тај простор на страници, а затим кликните на „Инспецт“.

  ЦхатГПТ у односу на Бинг-ов АИ Цхатбот: 10 кључних разлика

Када се овај пут отвори окно, иде директно на део кода који садржи тај елемент на који сте кликнули.

Ако желите да промените позицију прикључне станице, можете да је померите на дно, лево, десно или чак да је одвојите у посебан прозор. Кликните на икону менија (три тачке), а затим изаберите или поништите везу са засебним прозором, усидрите лево, причврстите на дно или усидрите са десне стране, респективно.

То је све. Када завршите са прегледом кода, или затворите картицу Приказ извора или кликните на ‘Кс’ у окну Алатке за програмере да бисте се вратили на своју веб страницу.