Ako zobraziť a analyzovať zdroj stránky v webovom prehliadači Opera

Tento návod je určený len pre používateľov, ktorí používajú prehliadač Opera na operačných systémoch Windows alebo Mac. Ak potrebujete zobraziť zdroj stránky v iných prehliadačoch, prečítajte si, ako v našej príručke Ako zobraziť zdrojový kód webovej stránky v každom prehliadači .

Existuje veľa dôvodov, prečo chcete zobraziť zdrojový kód webovej stránky od ladenia problému s vlastným webom až po zvedavosť. Bez ohľadu na váš motív, prehliadač Opera vám uľahčuje túto úlohu. Môžete si vybrať, či chcete tento zdroj zobraziť v najzákladnejšej forme na karte prehliadača, alebo sa ponoriť hlbšie do integrovaných vývojárskych nástrojov opery. Tento tutoriál vám ukáže, ako urobiť oboje. Najskôr otvorte prehliadač Opera

Používatelia systému Windows

Kliknite na tlačidlo ponuky Opera , ktoré sa nachádza v ľavom hornom rohu okna prehliadača. Keď sa zobrazí rozbaľovacia ponuka, umiestnite kurzor myši nad možnosť Viac nástrojov . Mala by sa teraz zobraziť podmenu. Kliknite na položku Zobraziť ponuku vývojára tak, aby bola zaškrtnutá políčka naľavo od tejto možnosti.

Vráťte sa do hlavnej ponuky opery. Teraz si všimnete novú možnosť umiestnenú priamo pod Ďalšími nástrojmi označenými ako Vývojár . Umiestnite kurzor myši na túto možnosť, kým sa neobjaví podmenu. Ďalej kliknite na položku Zobraziť zdroj stránky . Zdrojový kód pre aktívnu webovú stránku sa teraz zobrazí na karte nového prehliadača. Pomocou nasledujúcej klávesovej skratky môžete dosiahnuť tento bod: CTRL + U

Ak chcete zobraziť podrobnejšie informácie o aktívnej stránke a jej príslušnom kóde, vyberte voľbu Nástroje pre vývojárov z podmenu Vývojári alebo použite nasledujúcu klávesovú skratku: CTRL + SHIFT + I

Používatelia Mac OS X a MacOS Sierra

Kliknite na položku Zobraziť v ponuke Opera, ktorá sa nachádza v hornej časti obrazovky. Keď sa zobrazí rozbaľovacia ponuka, vyberte možnosť Zobraziť ponuku vývojára . Nová verzia by sa teraz mala pridať do vašej ponuky Opera označenej ako Developer . Kliknite na túto možnosť a potom, keď sa zobrazí rozbaľovacia ponuka, vyberte Zobraziť zdroj . Môžete tiež použiť nasledujúcu klávesovú skratku na vykonanie tejto akcie: Príkaz + U

Nová karta by mala byť teraz viditeľná a zobrazovať zdrojový kód aktuálnej stránky. Ak chcete analyzovať tú istú stránku pomocou sady nástrojov Opera vo Windows, najprv kliknite na položku Vývojár v ponuke prehliadača v hornej časti obrazovky. Keď sa zobrazí rozbaľovacia ponuka, vyberte možnosť Vývojové nástroje .