Шта треба знати
- Кликните десним тастером миша на веб страницу и изаберите Прикажи извор странице .
- Пречица: Притисните Цтрл + ИН (Виндовс ПЦ) или Цомманд + Опција + ИН (Мац).
- Да бисте користили Цхроме алатке за програмере, изаберите Мени (три тачке) > Више алата > Алати за програмере .
Овај чланак објашњава како да приступите ХТМЛ изворном коду веб локације у Гоогле Цхроме веб прегледачу, као и да приступите и користите Цхроме алатке за програмере. Преглед изворног кода сајта је одличан начин за почетнике да науче ХТМЛ.
Погледајте изворни код у Цхроме-у
Дакле, како видите изворни код веб локације? Ево детаљних упутстава да то урадите користећи Гоогле Цхроме претраживач.
-
Отвори Гоогле Цхроме веб претраживач (ако немате Инсталиран је Гоогле Цхроме , ово је бесплатно преузимање).
-
Идите до веб страницу коју желите да прегледате .
-
Десни клик страница и погледајте мени који се појављује. У том менију кликните Прикажи извор странице .
-
Изворни код за ту страницу ће се сада појавити као нова картица у претраживачу.
-
Алтернативно, можете користити и пречице на тастатури за Цтрл + ИН на рачунару да бисте отворили прозор са приказаним изворним кодом сајта. На Мац рачунару је ова пречица Цомманд + Опција + ИН .
Хилари Алисон / Лифевире
како ставити пдф у гоогле слајдове
Користите Цхроме-ове алатке за програмере
Поред једноставногПрикажи извор страницемогућности које Гоогле Цхроме нуди, такође можете искористити њихове одличне Алати за програмере да још дубље копају по сајту. Ови алати ће вам омогућити не само да видите ХТМЛ, већ и ЦСС који се примењује за преглед елемената у том ХТМЛ документу.
Да бисте користили Цхроме алатке за програмере:
-
Отвори Гоогле Цхроме .
-
Иди на веб страницу коју желите да прегледате .
-
Изаберите мени са три тачке у горњем десном углу прозора прегледача.
-
Из менија пређите курсором преко Више алата а затим изаберите Алати за програмере у менију који се појави.
-
Отвориће се прозор који приказује ХТМЛ изворни код на левој страни окна и повезани ЦСС на десној страни.
-
Алтернативно, ако кликнете десним тастером миша елемент на веб страници и изаберите Инспецт из менија који се појави, Цхроме-ови алати за програмере ће се појавити и истакнути одређени део који сте изабрали у ХТМЛ-у са одговарајућим ЦСС-ом приказаним на десној страни. Веома је корисно ако желите да сазнате више о одређеном делу сајта.
како приступити радним верзијама на инстаграму
Да ли је гледање изворног кода легално?
Током година, многи нови веб дизајнери су се питали да ли је прихватљиво гледати изворни код сајта и користити га за своје образовање и на крају за посао који обављају. Иако копирање кода сајта на велико и представљање га као свог на веб локацији свакако није прихватљиво, коришћење тог кода као одскочне даске за учење заправо је колико је напретка направљено у овој индустрији.
Као што смо споменули на почетку овог чланка, било би вам тешко да данас нађете запосленог веб професионалца који није нешто научио гледајући извор са сајта! Да, гледање изворног кода сајта је легално. Коришћење тог кода као ресурса за изградњу нечег сличног је такође безбедно. Узимање кода какав јесте и предаја га као свој посао је место где почињете да наилазите на проблеме.
На крају, веб професионалци уче једни од других и често побољшавају рад који виде и који су инспирисани, тако да не оклевајте да погледате изворни код сајта и користите га као алат за учење.
Више од само ХТМЛ-а
Једна ствар коју треба запамтити је да изворне датотеке могу бити веома компликоване (и што је комплекснија веб локација коју гледате, то ће вероватно бити сложенији код те локације). Поред ХТМЛ структуре која чини страницу, постојаће и ЦСС (каскадни стилови) који диктирају визуелни изглед тог сајта. Поред тога, многе веб локације данас ће укључивати датотеке скрипте укључене заједно са ХТМЛ-ом.
Вероватно ће бити укључено више датотека скрипте; у ствари, сваки од њих покреће различите аспекте сајта. Искрено, изворни код сајта може изгледати неодољиво, посебно ако сте нови у томе. Немојте бити фрустрирани ако не можете одмах да схватите шта се дешава са тим сајтом. Преглед ХТМЛ извора је само први корак у овом процесу. Уз мало искуства, почећете боље да разумете како се сви ови делови уклапају у креирање веб локације коју видите у свом претраживачу. Како се боље упознате са кодом, моћи ћете да научите више из њега и неће вам изгледати тако застрашујуће.
ФАК- Како да уредим ХТМЛ код у Цхроме-у?
Отворите Алатке за програмере у Цхроме-у притиском на Цтрл (или Цомманд на Мац-у) + Схифт + И . Одатле притисните Цтрл ( Цомманд на Мац-у) + О и изаберите сачувану изворну датотеку коју желите да измените да бисте је отворили.
како променити нат тип пс4
- Како да видим изворни код странице у Цхроме-у ако је Виев Соурце онемогућен?
Ако је веб локација онемогућила опцију Прикажи извор, можда ћете и даље моћи да баците поглед испод хаубе. Са врха прозора претраживача изаберите Поглед > Девелопер > Виев Соурце , који би требало да прикаже изворни код веб странице.
- Како да видим изворни код сајта у Цхроме-у помоћу свог Андроид уређаја?
Идите на веб локацију коју желите да видите помоћу Цхроме апликације на свом уређају, а затим изаберите траку за адресу прегледача. Померите курсор текста крајње лево—испред УРЛ-а—и укуцајте виев-соурце , а затим притисните Ентер или изаберите Иди .
