všechny hlavní Internetové prohlížeče umožňuje uživatelům zobrazit zdrojový kód HTML jakékoli webové stránky, které navštívíte. Následující části obsahují informace o několika způsobech zobrazení zdrojového kódu v každém z hlavních prohlížečů. Chcete-li pokračovat, vyberte položku z níže uvedeného seznamu a postupujte podle pokynů.
Úvodní informace
při prohlížení zdrojového kódu webové stránky se informace a kód zpracovaný serverem nezobrazí., Například vyhledávač zpracovává informace na serveru a poté zobrazuje výsledky na webové stránce. Jinými slovy, můžete zobrazit kód, který tvoří stránku s výsledky, ale nemůžete zobrazit zdrojový kód vyhledávače.
toto pravidlo platí pro všechny skripty na straně serveru, SSI a programovací kód. Proto nemůžete zobrazit zdrojový kód skriptů používaný ve vyhledávačích, fórech, průzkumech, chatu atd. Také, kopírování informací ze zdrojového kódu může způsobit chyby nebo vás nasměruje zpět na stránku, ze které jste zkopírovali informace.,
Google Chrome
zobrazit zdrojový kód webové stránky v Google Chrome, použijte některou z následujících metod.
zobrazit pouze zdrojový kód
metoda one
Chcete-li zobrazit pouze zdrojový kód, stiskněte Ctrl+U na klávesnici počítače.
metoda dvě
klepněte pravým tlačítkem myši na prázdnou část webové stránky a v zobrazené rozbalovací nabídce vyberte Zobrazit zdroj stránky.
Zobrazit zdroj stránky s prvky
- otevřete Chrome a přejděte na webovou stránku, jejíž zdrojový kód chcete zobrazit.,
- klikněte na ikonu přizpůsobit a ovládat Google Chrome
v pravém horním rohu okna prohlížeče. - z rozbalovací nabídky, která se zobrazí, vyberte Další nástroje a poté vyberte Nástroje pro vývojáře.
- klikněte na kartu prvky v levém horním rohu nové sekce, která se objeví v dolní části obrazovky.
V Chrome, stiskněte F12 nebo Ctrl+Shift+I také přináší interaktivní vývojářský nástroj., Tento nástroj poskytuje mnohem více interakce se zdrojovým kódem a nastavením CSS, což uživatelům umožňuje vidět, jak změny v kódu okamžitě ovlivňují webovou stránku.
Mozilla Firefox
zobrazit zdrojový kód webové stránky v prohlížeči Mozilla Firefox, použijte některou z následujících metod.
zobrazit pouze zdrojový kód
metoda one
Chcete-li zobrazit pouze zdrojový kód, stiskněte Ctrl+U na klávesnici počítače.
metoda dvě
klepněte pravým tlačítkem myši na prázdnou část webové stránky a v zobrazené rozbalovací nabídce vyberte Zobrazit zdroj stránky.,
Zobrazit zdrojový kód stránky s prvky
- Otevřete Firefox a přejděte na webové stránky, jejíž zdrojový kód chcete zobrazit.
- klikněte na nabídku
ikona v pravém horním rohu obrazovky. - v rozevírací nabídce vyberte webový vývojář a v rozbalené nabídce vyberte Přepnout nástroje.
- klikněte na kartu Inspektor v levém horním rohu sekce, která se objeví v dolní části obrazovky.,
Ve Firefoxu, stisknutím klávesy F12 nebo Ctrl+Shift+I také přináší interaktivní vývojářský nástroj. Tento nástroj poskytuje interakci s nastavením zdrojového kódu a CSS, což umožňuje uživatelům vidět, jak změny v kódu ovlivňují webovou stránku v reálném čase.
Zobrazit část zdrojového kódu stránky
- zvýrazněte část webové stránky, pro kterou chcete zobrazit zdrojový kód.
- klepněte pravým tlačítkem myši na zvýrazněnou sekci a vyberte Zobrazit zdroj výběru.,
doplněk Firebug můžete použít k prohlížení a úpravám zdrojového kódu stránky a prohlížení změn živě prostřednictvím prohlížeče.
Microsoft Edge
zobrazit zdrojový kód webové stránky v aplikaci Microsoft Edge, použijte některou z následujících metod.
zobrazit pouze zdrojový kód
metoda one
Chcete-li zobrazit pouze zdrojový kód, stiskněte Ctrl+U na klávesnici počítače.
metoda dvě
klepněte pravým tlačítkem myši na prázdnou část webové stránky a v zobrazené rozbalovací nabídce vyberte Zobrazit zdroj stránky.,
Zobrazit zdrojový kód stránky s prvky
- Otevřete Microsoft Edge a procházet webové stránky, jejíž zdrojový kód chcete zobrazit.
- klikněte na Nastavení a další
ikona v pravém horním rohu obrazovky. - přesuňte myš na více nástrojů v rozevírací nabídce a z rozbalené nabídky vyberte Nástroje pro vývojáře.
- klikněte na kartu prvky v horní části okna, které se objeví na pravé straně obrazovky.,
V Microsoft Edge stisknutím kláves F12 nebo Ctrl+Shift+I také vyvoláte interaktivní vývojářský nástroj. Tento nástroj poskytuje interakci s nastavením zdrojového kódu a CSS, což umožňuje uživatelům vidět, jak změny v kódu ovlivňují webovou stránku v reálném čase.
Microsoft Internet Explorer
zobrazit zdrojový kód webové stránky v aplikaci Microsoft Internet Explorer, použijte některou z následujících metod.,
zobrazit pouze zdrojový kód
metoda one
Chcete-li zobrazit pouze zdrojový kód, stiskněte Ctrl+U na klávesnici počítače.
metoda dvě
klepněte pravým tlačítkem myši na prázdnou část webové stránky a v zobrazené rozbalovací nabídce vyberte Zobrazit zdroj.
Zobrazit zdrojový kód stránky s prvky
- spusťte aplikaci Internet Explorer a přejděte na webovou stránku, jejíž zdrojový kód chcete zobrazit.
- klikněte na Nástroje
v pravém horním rohu. - v rozevírací nabídce vyberte Nástroje pro vývojáře F12.,
- klikněte na kartu Dom Explorer v levém horním rohu nabídky Nástroje pro vývojáře.
v aplikaci Internet Explorer stisknutím klávesy F12 vyvoláte nástroj DOM. Tento nástroj poskytuje interakci se zdrojovým kódem a nastavením CSS, což uživatelům umožňuje okamžitě zjistit, jak změny v kódu ovlivňují webovou stránku.
Safari
v Safari vyžaduje prohlížení zdrojového kódu webové stránky povolení možností vývojáře., Následující části vám ukážou, jak tuto funkci zapnout a jak zobrazit zdrojový kód webové stránky.
přístup k možnostem vývojáře v prohlížeči Safari
- otevřete prohlížeč Safari.
- Vyberte
z panelu nabídek v levém horním rohu obrazovky. - v rozbalovací nabídce, která se zobrazí, vyberte Předvolby.
- klikněte na kartu Upřesnit a zaškrtněte políčko vedle zobrazit nabídku rozvíjet v panelu nabídek.,
- nyní Byste měli vidět Rozvíjet voliče v Apple menu v horní části obrazovky.
prohlížení zdrojového kódu
musíte mít povolené Možnosti vývojáře pro následující kroky k práci.
metoda jedna
- otevřete Safari a přejděte na webovou stránku, jejíž zdrojový kód chcete zobrazit.
- na panelu nabídek Apple v horní části obrazovky klikněte na volič vývoje a v rozevírací nabídce vyberte Zobrazit zdroj stránky.,
- ve středu obrazovky klikněte na kartu prvky v horní části sekce Nástroje pro vývojáře.
Metoda 2
klepněte pravým tlačítkem myši na prázdnou část webové stránky a z zobrazené nabídky vyberte Zobrazit zdroj stránky.
Jakmile možnosti pro vývojáře jsou povoleny, můžete také stisknout Command+option+U-zobrazení zdrojového kódu stránky.
Opera
zobrazit zdrojový kód webové stránky v Opeře, použijte některou z následujících metod.,
zobrazit pouze zdrojový kód
metoda one
Chcete-li zobrazit pouze zdrojový kód, stiskněte Ctrl+U na klávesnici počítače.
metoda dvě
klepněte pravým tlačítkem myši na prázdnou část webové stránky a v zobrazené rozbalovací nabídce vyberte zdroj stránky.
Zobrazit zdroj stránky s prvky
- otevřete operu a přejděte na webovou stránku, jejíž zdrojový kód chcete zobrazit.
- klikněte na ikonu Opera
v levém horním rohu okna prohlížeče., - přesuňte myš nad vývojáře v rozevírací nabídce a z rozbalené nabídky vyberte Nástroje pro vývojáře.
- klikněte na kartu prvky v horní části okna, které se objeví na pravé straně obrazovky.
Pokud nevidíte podnabídku vývojáře, vyberte další nástroje → zobrazit nabídku vývojáře. Poté znovu klikněte na tlačítko nabídky . Nyní byste měli vidět položku vývojáře uvedenou.
v opeře stisknutím kláves F12 nebo Ctrl + Shift + I také vyvoláte interaktivní vývojářský nástroj., Tento nástroj poskytuje interakci s nastavením zdrojového kódu a CSS, což umožňuje uživatelům vidět, jak změny v kódu ovlivňují webovou stránku v reálném čase.
Android telefon nebo tablet pomocí Chrome
- otevřete prohlížeč Google Chrome v telefonu nebo tabletu Android.
- Otevřete webovou stránku, jejíž zdrojový kód chcete zobrazit.
- Klepněte jednou v adresním řádku a přesuňte kurzor na přední stranu adresy URL.
- typ view-source: a klepněte na Enter nebo Go.,
chcete-li například zobrazit kód pro naše domovské stránky, zadejte zobrazit-zdroj:https://www.computerhope.com
Pokud výše uvedené kroky nefungují na telefonu Android,, používají metodu v iPhone nebo iPad pomocí Safari sekce. Stejný kód funguje na telefonech Android, jediné rozdíly jsou pomocí prohlížeče Chrome namísto Safari a proces vytváření a úpravy záložky.
- jak vytvořit internetový oblíbený nebo záložku.
- jak odstranit a uspořádat oblíbené a záložky internetu.,
pokud je pro vás obtížné navigovat zdrojový kód ve vašem mobilním zařízení pomocí výše uvedené metody, možná budete chtít také zvážit Online nástroj.
iPhone nebo iPad pomocí Safari
Zobrazení zdrojového kódu webové stránky na iPhone nebo iPad trvá trochu více práce, ale je to možné. Proces vyžaduje, abyste vytvořit záložku, přiřadit kód JavaScript, a použijte záložku na webové stránce zobrazit jeho zdrojový kód.,
Pokud chcete použít aplikaci pro zobrazení zdrojového kódu webové stránky, můžete si stáhnout bezplatnou aplikaci View Source z iOS App Store.
vytvořte záložku pro zobrazení zdrojového kódu
- otevřete prohlížeč Safari na vašem iPhone nebo iPadu.
- přístup k jakékoli webové stránce, například www.computerhope.com.
- klepněte na ikonu Více v dolní části obrazovky.
můžete také stisknout a podržte prst na ikonu Záložky v dolní části obrazovky, dokud se neobjeví nabídka.,
- v nabídce, která se otevře, klepněte na možnost Přidat záložku.
- Klepněte na název záložky pole, klepněte na tlačítko x na pravé straně vymažte současný název a zadejte „Zobrazit zdrojový kód webové stránky“ jako nový název.
- klepnutím na Uložit v pravém horním rohu uložte záložku.
- zkopírujte celý fragment kódu JavaScriptu níže.
- v Safari otevřete záložky klepnutím na ikonu záložek v dolní části obrazovky.,
- Najděte záložku, kterou jste předtím vytvořili, a poté stiskněte a podržte prst na záložku, dokud nabídka se zobrazí v dolní části obrazovky.
- klepněte na možnost upravit v nabídce.
- Upravit Záložku obrazovky, klepněte na adresu URL a pak klepněte na x clear URL, pak vložit JavaScript kód z kroku 7. do pole URL.
- klepnutím na tlačítko Hotovo v pravém dolním rohu obrazovky uložte změny záložek.,
použijte záložku pro zobrazení zdrojového kódu
poté, co jste vytvořili záložku výše, můžete nyní zobrazit zdrojový kód pro webovou stránku.
- v Safari přejděte na webovou stránku, kde chcete zobrazit zdrojový kód.
- klepněte na ikonu záložek v dolní části obrazovky.
- klepněte na záložku zdrojového kódu zobrazit webovou stránku.
otevře se nová karta procházení Safari a zobrazí zdrojový kód webové stránky.,
Pokud máte potíže navigaci zdrojový kód na vašem mobilním zařízení pomocí výše uvedené metody, můžete také chtít, aby zvážila pomocí on-line nástroj.
jak zavřít stránku zdrojového kódu nebo nástroj
po dokončení prohlížení zdrojového kódu na webové stránce jej možná budete chtít ukončit nebo zavřít. Uzavření zdrojového kódu závisí na metodě, kterou jste použili k jeho otevření.
- Pokud jste použili metodu Ctrl+U (kromě Edge) nebo metodu pravým tlačítkem myši, zavřete novou kartu, která se otevřela v horní části okna prohlížeče.,
- Pokud jste použili metodu vývojáře (pomocí kláves F12 nebo Ctrl+Shift+I), znovu stiskněte stejné klávesy nebo klikněte na ikonu
v pravém horním rohu okna nástroje.
použijte online nástroj pro zobrazení zdrojového kódu
kromě použití prohlížeče existuje několik online nástrojů, které vám umožňují zobrazit zdrojový kód jakékoli webové stránky. Tyto nástroje mohou být užitečné, protože většina z nich může formátovat, stylizovat a zvýraznit kód, aby bylo snazší číst., Níže je uveden krátký seznam některých z těchto nástrojů:
- zobrazit zdroj stránky
- kód zkrášlit prohlížeč zdrojového kódu
- prohlížeč HTML