Ako zobraziť zdrojový kód HTML v prehliadači Google Chrome

Čo vedieť

• Kliknite pravým tlačidlom myši na webovú stránku a vyberte si Zobraziť zdroj stránky .
• Skratka: Stlačte Ctrl + IN (Windows PC) alebo Príkaz + Možnosť + IN (Mac).
• Ak chcete použiť vývojárske nástroje prehliadača Chrome, vyberte Ponuka (tri bodky) > Viac nástrojov > Nástroje pre vývojárov .

Tento článok vysvetľuje, ako získať prístup k zdrojovému kódu HTML webových stránok vo webovom prehliadači Google Chrome, ako aj získať prístup k vývojovým nástrojom prehliadača Chrome a ako ich používať. Zobrazenie zdrojového kódu stránky je pre začiatočníkov vynikajúci spôsob, ako sa naučiť HTML.

Zobraziť zdrojový kód v prehliadači Chrome

Ako teda vidíte zdrojový kód webovej stránky? Tu sú podrobné pokyny, ako to urobiť pomocou prehliadača Google Chrome.

1. Otvor webový prehliadač Google Chrome (ak nemáte Google Chrome nainštalovaný , toto je bezplatné stiahnutie).

2. Prejdite na webovú stránku, ktorú by ste chceli preskúmať .

3. Kliknite pravým tlačidlom myši strana a pozrite sa na ponuku, ktorá sa zobrazí. V tejto ponuke kliknite na Zobraziť zdroj stránky .

   

4. Zdrojový kód pre túto stránku sa teraz zobrazí ako nová karta v prehliadači.

5. Prípadne môžete použiť aj klávesové skratky z Ctrl + IN na PC, čím otvoríte okno so zobrazeným zdrojovým kódom stránky. Na Macu je táto skratka Príkaz + Možnosť + IN .

Hilary Allison / Lifewire

kolko je legenda na tiktoku

Použite Vývojárske nástroje prehliadača Chrome

Okrem jednoduchéhoZobraziť zdroj stránkyschopnosti, ktoré ponúka prehliadač Google Chrome, môžete tiež využiť ich vynikajúce Nástroje pre vývojárov prehĺbiť sa na lokalite. Tieto nástroje vám umožnia nielen vidieť HTML, ale aj CSS, ktoré sa vzťahujú na zobrazenie prvkov v tomto HTML dokumente.

Ak chcete použiť vývojárske nástroje prehliadača Chrome:

1. OTVORENÉ Google Chrome .

2. Prejdite na webovú stránku, ktorú by ste chceli preskúmať .

3. Vyberte trojbodkové menu v pravom hornom rohu okna prehliadača.

4. V ponuke umiestnite kurzor myši na Viac nástrojov a potom si vyberte Nástroje pre vývojárov v zobrazenej ponuke.

   

5. Otvorí sa okno, ktoré zobrazuje zdrojový kód HTML na ľavej strane tably a súvisiace CSS na pravej strane.

6. Prípadne, ak kliknete pravým tlačidlom myši prvok na webovej stránke a vyberte Skontrolujte z ponuky, ktorá sa zobrazí, vyskočia vývojárske nástroje prehliadača Chrome a zvýraznia konkrétnu časť, ktorú ste si vybrali v kóde HTML, pomocou zodpovedajúceho kódu CSS zobrazenom napravo. Je to veľmi užitočné, ak sa chcete dozvedieť viac o konkrétnej časti lokality.

   ako odstrániť účet druhého instagramu

Je prezeranie zdrojového kódu legálne?

V priebehu rokov sa mnohí noví webdizajnéri pýtali, či je prijateľné prezerať si zdrojový kód stránky a používať ho na vzdelávanie a v konečnom dôsledku na prácu, ktorú robia. Hoci veľkoobchodné skopírovanie kódu stránky a jeho vydávanie za svoj vlastný na webovej stránke určite nie je prijateľné, používanie tohto kódu ako odrazového mostíka, z ktorého sa môžete učiť, je v skutočnosti to, koľko pokrokov sa v tomto odvetví urobilo.

Ako sme už spomenuli na začiatku tohto článku, dnes by ste len ťažko hľadali fungujúceho webového profesionála, ktorý sa niečo nenaučil prezeraním zdroja stránky! Áno, zobrazenie zdrojového kódu stránky je legálne. Použitie tohto kódu ako zdroja na vytvorenie niečoho podobného je tiež bezpečné. Ak začnete narážať na problémy, beriete kód tak, ako je, a vydávate ho za svoju prácu.

V konečnom dôsledku sa weboví profesionáli učia jeden od druhého a často zdokonaľujú prácu, ktorú vidia a ktorou sa inšpirujú, takže neváhajte a pozrite si zdrojový kód stránky a použite ho ako vzdelávací nástroj.

Viac než len HTML

Jedna vec, ktorú si treba zapamätať, je, že zdrojové súbory môžu byť veľmi komplikované (a čím zložitejšia je webová lokalita, ktorú si prezeráte, tým zložitejší bude pravdepodobne aj kód lokality). Okrem štruktúry HTML, ktorá tvorí stránku, budú existovať aj CSS (kaskádové štýly), ktoré diktujú vizuálnu podobu danej stránky. Okrem toho mnohé webové stránky dnes budú obsahovať súbory skriptov zahrnuté spolu s kódom HTML.

Pravdepodobne bude zahrnutých viacero súborov skriptov; v skutočnosti každý z nich poháňa iné aspekty stránky. Úprimne povedané, zdrojový kód stránky sa môže zdať ohromujúci, najmä ak ste v tom nováčik. Nebuďte frustrovaní, ak nemôžete okamžite zistiť, čo sa s daným webom deje. Zobrazenie zdrojového kódu HTML je len prvým krokom v tomto procese. S trochou skúseností začnete lepšie chápať, ako všetky tieto časti do seba zapadajú, aby vytvorili webovú stránku, ktorú vidíte vo svojom prehliadači. Keď sa s kódom lepšie zoznámite, budete sa z neho môcť dozvedieť viac a nebude sa vám zdať taký skľučujúci.

• Ako upravím kód HTML v prehliadači Chrome?

  Otvorte Nástroje pre vývojárov v prehliadači Chrome stlačením Ctrl (alebo Príkaz na počítači Mac) + Shift + I . Odtiaľ stlačte Ctrl ( Príkaz na Macu) + O a vyberte uložený zdrojový súbor, ktorý chcete upraviť, aby ste ho otvorili.

• Ako zobrazím zdrojový kód stránky v prehliadači Chrome, ak je zakázané zobrazenie zdroja?

  Ak webová lokalita zakázala možnosť Zobraziť zdroj, možno budete môcť nahliadnuť pod kapotu. V hornej časti okna prehliadača vyberte vyhliadka > Vývojár > Zdroj pohladu , ktorý by mal stiahnuť zdrojový kód webovej stránky.

  liga legiend ako získať prestížne body

• Ako zobrazím zdrojový kód stránok v prehliadači Chrome pomocou zariadenia so systémom Android?

  Prejdite na webovú stránku, ktorú chcete zobraziť, pomocou aplikácie Chrome na zariadení a potom vyberte panel s adresou prehliadača. Presuňte textový kurzor úplne doľava – pred adresu URL – a napíšte Zdroj pohladu , potom stlačte Zadajte alebo vyberte Choď .