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

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

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

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

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

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

Прегледајте извор помоћу алата за програмере

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

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

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

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

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

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

То је све. Када завршите са гледањем кода, затворите картицу Виев Соурце или кликните на „Кс“ у окну Девелопер Тоолс да бисте се вратили на своју веб страницу.


$config[zx-auto] not found$config[zx-overlay] not found