Co je dobré vědět
- Ve většině hlavních prohlížečů můžete získat přístup ke zdrojovému kódu stránek stisknutím Ctrl+ U ve Windows.
- Na počítači Mac stiskněte Cmd+ Option+ U ve většině hlavních prohlížečů nebo Cmd+ U ve Firefoxu.
- V systému Android použijte k zobrazení zdrojového kódu úpravu adresy URL view-source:. V Safari pro iOS to není podporováno.
Přestože webové prohlížeče interpretují soubory jazyka Hypertext Markup Language a kaskádové styly, díky nimž web vypadá tak, jak vypadá, klávesová zkratka nebo úprava adresy URL nutí prohlížeče zobrazit zdrojový kód dané stránky na nové kartě nebo okně. Ačkoli většina lidí jen zřídka potřebuje prozkoumat zdrojový kód, vývojáři používají tuto perspektivu k řešení problémů s nekonzistentností v rozložení nebo k opravě chyb na webu.
Jak zobrazit zdroj v prohlížeči na počítači
Pro všechny hlavní prohlížeče pro stolní počítače – Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi – stisknutím Ctrl+U otevřete novou kartu, která zobrazuje nezpracovaný kód HTML stránku, na které se nacházíte. Na Macu stiskněte Cmd+Option+U nebo Cmd+U ve Firefoxu.
Případně všechny prohlížeče pro stolní počítače podporují vyladění specifické pro URL. Chcete-li stránku otevřít v režimu zdroje, přidejte před adresu URL text view-source:. Například zadáním view-source:https://www.lifewire.com zobrazíte zdrojový kód hlavní vstupní stránky Lifewire.
Dáváte přednost myši nebo potřebujete vyladit HTML za běhu? Všechny hlavní prohlížeče podporují příkaz View Source někde ve struktuře nabídky a také podporují vývojářský režim (pojmenovaný různě a spouštěný různými způsoby), který umožňuje ladění v reálném čase stránka se spustí na základě změn, které provedete v rozhraní vývojáře.
Jak zobrazit zdroj ve výchozím mobilním prohlížeči
Standardní prohlížeč Android umožňuje view-source: vyladění adresy URL. Na iOS však standardní aplikace Safari tuto funkci nepodporuje. Na platformě Apple budete muset spustit jiný prohlížeč nebo aplikaci pro prohlížení zdrojového kódu z App Store.
Jednotlivé mobilní prohlížeče, které jste nainstalovali z obchodu s aplikacemi vaší platformy, se chovají odlišně. Konkrétní postupy naleznete v dokumentaci prohlížeče.
