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

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

Погледајте изворни код у Цхроме-у

Дакле, како видите изворни код веб локације? Ево детаљних упутстава да то урадите користећи Гоогле Цхроме претраживач.

1. Отвори Гоогле Цхроме веб претраживач (ако немате Инсталиран је Гоогле Цхроме, ово је бесплатно преузимање).

2. Идите до веб страницу коју желите да прегледате.

3. Десни клик страница и погледајте мени који се појављује. У том менију кликните Прикажи извор странице.

   

4. Изворни код за ту страницу ће се сада појавити као нова картица у претраживачу.

5. Алтернативно, можете користити и пречице на тастатури за Цтрл+У на рачунару да бисте отворили прозор са приказаним изворним кодом сајта. На Мац-у је ова пречица Цомманд+Опција+У.

Користите Цхроме-ове алатке за програмере

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

Да бисте користили Цхроме алатке за програмере:

1. Отвори Гоогле Цхроме.

2. Иди на веб страницу коју желите да прегледате.

3. Изаберите мени са три тачке у горњем десном углу прозора прегледача.

4. Из менија пређите курсором преко Више алата а затим изаберите Алати за програмере у менију који се појави.

   

5. Отвориће се прозор који приказује ХТМЛ изворни код на левој страни окна и повезани ЦСС на десној страни.

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

Да ли је гледање изворног кода легално?

Током година, многи нови веб дизајнери су се питали да ли је прихватљиво гледати изворни код сајта и користити га за своје образовање и на крају за посао који обављају. Док копирање кода сајта на велико и представљање га као свог на веб локацији свакако није прихватљиво, коришћење тог кода као одскочне даске за учење је заправо колико је напредовало у томе индустрија.

Као што смо споменули на почетку овог чланка, било би вам тешко да данас пронађете запосленог веб професионалца који није нешто научио гледајући извор са сајта! Да, гледање изворног кода сајта је легално. Коришћење тог кода као ресурса за изградњу нечег сличног је такође безбедно. Узимање кода какав јесте и представљање га као свој посао је место где почињете да наилазите на проблеме.

На крају, веб професионалци уче једни од других и често побољшавају рад који виде и који су инспирисани, тако да не оклевајте да погледате изворни код сајта и користите га као алат за учење.

Више од само ХТМЛ-а

Једна ствар коју треба запамтити је да изворне датотеке могу бити веома компликоване (и што је комплекснија веб локација коју гледате, то ће вероватно бити сложенији код те локације). Поред ХТМЛ структуре која чини страницу, постојаће и ЦСС (каскадни стилови) који диктирају визуелни изглед тог сајта. Поред тога, многе веб локације данас ће укључивати датотеке скрипте укључене заједно са ХТМЛ-ом.

Вероватно ће бити укључено више датотека скрипте; у ствари, сваки од њих покреће различите аспекте сајта. Искрено, изворни код сајта може изгледати неодољиво, посебно ако сте нови у томе. Немојте бити фрустрирани ако не можете одмах да схватите шта се дешава са тим сајтом. Преглед ХТМЛ извора је само први корак у овом процесу. Уз мало искуства, почећете да боље разумете како се сви ови делови уклапају у креирање веб локације коју видите у свом претраживачу. Како се боље упознате са кодом, моћи ћете да научите више из њега и неће вам изгледати тако застрашујуће.