Ako zobraziť kód HTML pre webovú stránku

click fraud protection
stránka šablóny

Webové stránky založené na rámcoch často zobrazujú rozloženie sady rámcov namiesto obsahu.

Kredit za obrázok: vetkit/iStock/Getty Images

Základný kód HTML použitý na vytvorenie webovej stránky nie je skrytý, ale je ľahko prístupný komukoľvek so správnymi nástrojmi. Napríklad webové prehliadače ako Firefox, Chrome, Safari, Opera a Internet Explorer majú viacero spôsobov, ako priamo zobraziť kód HTML, CSS alebo JavaScript webovej lokality. Okrem toho niektoré špecializované nástroje pre vývojárov webu dokážu načítať a otvoriť webovú stránku z internetu ako súbor uložený na lokálnom disku.

Zobraziť zdroj v prehliadači

Kroky potrebné na zobrazenie HTML kódu webovej stránky sú v podstate rovnaké pre Firefox, Chrome, Safari, Opera a Internet Explorer. Kliknite pravým tlačidlom myši na časť webovej stránky, ktorá obsahuje iba text, a potom vyberte možnosť „Zobraziť zdroj“ alebo „Zobraziť zdroj stránky“. V závislosti od nastavenia vášho prehliadača sa HTML kód otvorí na novej karte prehliadača alebo v samostatnom okne aplikácie.

Video dňa

Uložte zdrojový kód na disk

Ak potrebujete neskôr skontrolovať alebo upraviť kód webovej lokality, môžete si stránku uložiť na pevný disk. Keď kliknete pravým tlačidlom myši na webovú stránku vo Firefoxe alebo Safari, ponúkne sa vám možnosť „Uložiť stránku ako“. Chrome a Opera majú možnosť „Uložiť ako“. Ak chcete uložiť webovú stránku pomocou programu Internet Explorer, kliknite na „Nástroje“, „Súbor“ a potom na „Uložiť ako“. Okrem webovej stránky samotný prehliadač ukladá všetky obrázky, súbory CSS a JavaScript, ktoré stránka používa a ktoré sú uložené lokálne na jeho webe server.

Firefox, Chrome, Opera a Internet Explorer poskytujú vývojársky režim, ktorý vám umožňuje súčasne zobraziť vykreslenú webovú stránku a jej kód HTML, CSS a JavaScript. Ak kliknete na prvok na webe, jeho kód sa zobrazí na paneli obrazovky vývojára. Panel vývojára je prístupný cez možnosti alebo konfiguračný nástroj. Hoci Safari nemá natívny vývojársky nástroj, môžete si ho nainštalovať ako rozšírenie.

Web Developer Applications

Nástroje na návrh webových stránok ako Dreamweaver, Kompozer a Microsoft Expressions vám umožňujú otvoriť webovú stránku online pomocou jej adresy URL. Kód HTML zobrazíte iba v zobrazení zdrojového kódu alebo v rozdelenom zobrazení, zobrazení ukážky a zdroja. Okrem toho môžete upravovať kód a zobrazovať zmeny v reálnom čase. Skutočný kód uložený na serveri webovej stránky sa nikdy nezmení.

Problémy, s ktorými sa môžete stretnúť

Úmyselne alebo neúmyselne sa niektoré webové stránky nevzdajú svojho HTML kódu ľahko. Niektoré stránky napríklad používajú kód JavaScript, ktorý blokuje kliknutia pravým tlačidlom myši. Zdrojový kód si stále môžete prezerať stiahnutím stránky na disk alebo vypnutím JavaScriptu v prehliadači. Iné stránky používajú rámce HTML alebo iframe, ktoré vám bránia v priamom prístupe k ich zdroju. Firefox, Chrome, Safari a Opera detekujú webové stránky založené na rámcoch a automaticky vám ponúknu možnosť zobraziť zdrojový kód rámca. Ak webová stránka používa súbor JavaScript alebo CSS uložený v inej doméne, kód tohto súboru môžete zobraziť priamo pomocou skopírovaním adresy URL z kódu HTML, ku ktorému máte prístup, a jej vložením do panela s adresou na novej karte prehliadača.