Jak zobrazit HTML kód pro web

stránka šablony

Webové stránky založené na rámcích často zobrazují rozvržení sady rámců spíše než obsah.

Kredit obrázku: vetkit/iStock/Getty Images

Základní HTML kód použitý k vytvoření webové stránky není skrytý, ale je snadno přístupný komukoli pomocí vhodných nástrojů. Například webové prohlížeče jako Firefox, Chrome, Safari, Opera a Internet Explorer mají několik způsobů, jak přímo zobrazit kód HTML, CSS nebo JavaScript webových stránek. Některé specializované nástroje pro vývojáře webu navíc mohou načíst a otevřít webovou stránku z internetu jako soubor uložený na místním disku.

Zobrazit zdroj v prohlížeči

Kroky potřebné k zobrazení HTML kódu webové stránky jsou v podstatě stejné pro Firefox, Chrome, Safari, Opera a Internet Explorer. Klepněte pravým tlačítkem myši na část webové stránky, která obsahuje pouze text, a poté vyberte možnost "Zobrazit zdroj" nebo "Zobrazit zdroj stránky". V závislosti na nastavení vašeho prohlížeče se HTML kód otevře na nové kartě prohlížeče nebo v samostatném okně aplikace.

Video dne

Uložte zdrojový kód na disk

Pokud budete později potřebovat prozkoumat nebo upravit kód webu, můžete si stránku uložit na pevný disk. Když ve Firefoxu nebo Safari kliknete pravým tlačítkem na webovou stránku, nabídne se vám možnost „Uložit stránku jako“. Chrome a Opera mají možnost „Uložit jako“. Chcete-li uložit webovou stránku pomocí aplikace Internet Explorer, klikněte na „Nástroje“, „Soubor“ a poté na „Uložit jako“. Kromě webové stránky samotný prohlížeč ukládá všechny obrázky, soubory CSS a JavaScript, které stránka používá a které jsou uloženy lokálně na jeho webu server.

Firefox, Chrome, Opera a Internet Explorer poskytují vývojářský režim, který vám umožňuje současně zobrazit vykreslenou webovou stránku a její kód HTML, CSS a JavaScript. Pokud klepnete na prvek na webu, jeho kód se zobrazí na panelu zobrazení vývojáře. Panel pro vývojáře je přístupný přes možnosti nebo konfigurační nástroj. Přestože Safari nemá nativní vývojářský nástroj, můžete si jej nainstalovat jako rozšíření.

Aplikace pro vývojáře webu

Nástroje pro návrh webových stránek, jako jsou Dreamweaver, Kompozer a Microsoft Expressions, umožňují otevřít online webovou stránku pomocí její adresy URL. Kód HTML zobrazíte v zobrazení pouze se zdrojovým kódem nebo v zobrazení rozdělení, náhledu a zdroje. Kromě toho můžete upravovat kód a prohlížet změny v reálném čase. Skutečný kód uložený na serveru webové stránky se nikdy nezmění.

Problémy, se kterými se můžete setkat

Úmyslně či neúmyslně se některé webové stránky nevzdávají svého HTML kódu snadno. Některé weby například používají kód JavaScript, který blokuje kliknutí pravým tlačítkem. Zdrojový kód můžete stále zobrazit stažením stránky na disk nebo vypnutím JavaScriptu v prohlížeči. Jiné stránky používají rámce HTML nebo iframe, které vám brání v přímém přístupu k jejich zdroji. Firefox, Chrome, Safari a Opera detekují webové stránky založené na rámcích a automaticky vám nabídnou možnost zobrazení zdrojového kódu rámce. Pokud webová stránka používá soubor JavaScript nebo CSS uložený v jiné doméně, můžete kód tohoto souboru zobrazit přímo pomocí zkopírujte jeho adresu URL z kódu HTML, ke kterému máte přístup, a poté jej vložte do adresního řádku na nové kartě prohlížeče.