Či už na svojom Macu používate Safari, Chrome alebo akýkoľvek iný prehliadač, naučíme vás, ako získať prístup k prvku Inspect Element a vykonávať zmeny na webovej stránke.

Boli ste niekedy zvedaví na zdrojový kód webovej stránky? Takmer každý webový prehliadač, vrátane natívneho prehliadača vášho Macu, má funkciu, ktorá vám umožní pozrieť sa naň – nazýva sa Inspect Element.

Pomocou Inspect Element môžete nielen vidieť kód webovej stránky HTML, CSS a JavaScript, ale môžete ho aj upraviť. To umožňuje vývojárom testovať webové stránky a webové aplikácie s touto funkciou, ale používatelia ju môžu použiť aj na zmenu písma vo svojich osobných prehliadačoch.

Ak chcete zistiť, ako používať Inspect Element v ľubovoľnom prehliadači na vašom Macu, a začať meniť kód, prečítajte si nižšie uvedené kroky.

Ako skontrolovať prvok v prehliadači Safari a iných prehliadačoch na počítači Mac

Používanie funkcie Inspect Element je rovnaké vo všetkých webových prehliadačoch dostupných pre macOS. Môžete ho aktivovať niekoľkými kliknutiami. Výnimkou je Safari, ktoré vyžaduje, aby bola pred použitím povolená funkcia Inspect Element. Ako to povoliť sme načrtli v samostatnej časti nižšie.

instagram viewer

Ak však chcete použiť Inspect Element vo svojom obľúbenom prehliadači Mac vo všeobecnosti (alebo keď je povolený):

  1. Otvorte požadovaný prehliadač a prejdite na webovú stránku, ktorú chcete skontrolovať.
  2. Kontrola-kliknite (pravým tlačidlom myši) kdekoľvek na webovej stránke a vyberte Skontrolujte alebo Preskúmať prvok z kontextového menu. Môžete použiť aj klávesovú skratku Cmd + Shift + C.
  3. Otvorí sa nástroj Inšpektor a zobrazí sa zdrojový kód webovej stránky. Prečítajte si alebo vykonajte zmeny v kóde, ako chcete; napríklad môžete upravujte webové stránky v prehliadači Safari pomocou funkcie Inspect Element, aby ste si mohli pohrať s textom a obrázkami.
  4. Ak chcete nástroj Inšpektor zatvoriť, kliknite na ikonu X tlačidlo.

Ako povoliť Inspect Element v Safari

Ak chcete povoliť funkciu Inspect Element v Safari na vašom Macu, musíte aktivovať ponuku Develop. Robiť to:

  1. Otvorte Safari, prejdite na Safari > Nastavenia z panela s ponukami alebo stlačte Cmd +, na vašej klávesnici.
  2. Zamierte na Pokročilé tab.
  3. Skontrolovať Zobrazte ponuku Develop na paneli s ponukami box.

Ponuka Develop by sa teraz mala objaviť v hornej ponuke, keď používate Safari, a mali by ste mať prístup k Inspect Element na vašom Macu z kontextovej ponuky!

Kedy použiť Inspect Element vo vašom prehliadači

Vývojári môžu pomocou funkcie Inspect Element vyskúšať zmeny rozloženia na webových stránkach a webových aplikáciách a otestovať funkčnosť pre používateľov v rôznych prehliadačoch. Môžu ho však používať aj bežní používatelia.

Ak má webová stránka písmo, ktoré sa vám ťažko číta, alebo ak má farbu, ktorá sa vám nepáči, môžete ho zmeniť pomocou funkcie Inspect Element, aby bola stránka čitateľnejšia alebo príjemnejšia na pohľad. Môžete tiež zmeňte hlavičky webových stránok pomocou prvku Inspect Element a žartujte svojich priateľov.

Inspect Element mení veci iba na vašom Macu a konkrétnom prehliadači, ktorý používate. Využite ho teda kedykoľvek, keď chcete rýchlo zmeniť webovú stránku podľa svojich preferencií.

Kontrola prvku: Funkcia na zlepšenie používateľského zážitku

Vedieť, ako používať Inspect Element na vašom Macu, vám môže zjednodušiť a spríjemniť používanie webových stránok. Môže ponúknuť rýchle opravy problémov s formátovaním a umožniť vývojárom opraviť chyby.

Dúfame, že náš sprievodca vám pomôže využiť túto funkciu, takže keď budete mať nabudúce problémy s webovou stránkou v Safari alebo v akomkoľvek inom prehliadači, viete, že máte riešenie!