Jste webový vývojář nebo někdo, kdo chce pomocí Chromebooku zkontrolovat prvek na webové stránce? Stačí pár kliknutí.
Do vytváření webové stránky jde hodně. Pokud vás zajímá, co se skrývá za konkrétním prvkem na stránce, možná budete chtít zobrazit kód. Jako Přenosný počítač se systémem Windows, můžete si prvky prohlédnout prostřednictvím možnosti vývojářských nástrojů na svém skvělý Chromebook nebo jeden z mnoho tabletů se systémem ChromeOS. A jsou dva způsoby, jak to udělat.
Pokud používáte Chromebook spravovaný školou nebo firmou, funkce kontrolního prvku může být zablokována a nebudete moci postupovat podle kroků v této příručce. Neexistuje způsob, jak jej odblokovat, aniž byste se nejprve zeptali správce. Kontrolní prvky mohou být zablokovány z důvodu vaší bezpečnosti a zabránění zpětnému inženýrství a podvádění u online zkoušek.
Weboví vývojáři a pokročilejší uživatelé ChromeOS mohou chtít zkontrolovat prvek na Chromebooku prostřednictvím nabídky nástrojů pro vývojáře. Tato jednoduchá nabídka v systému ChromeOS vám umožní ponořit se hlouběji do toho, co je na webové stránce. Není to super skryté, ale tady je návod, jak to najít.
- Klikněte na tři tečky vedle ikony svého profilu na liště nabídky Chrome.
- Vyber Více nástrojů volba.
- Vybrat Vývojářské nástroje.
- Na pravé straně webové stránky se otevře konzola s kódem webové stránky, na které se nacházíte.
- Úplně vlevo nahoře na této konzoli uvidíte čtvercovou ikonu s myší. Klikněte na něj. Můžete také stisknout Ctrl + Shift + C ke spuštění funkce.
- Nyní budete moci najet myší na libovolné místo na webové stránce a zobrazí se kód pro tento konkrétní prvek.
- Kliknutím na oblast, na kterou se pohybujete, zobrazíte kód v konzole vpravo.
Této nabídce se můžete také zcela vyhnout tím, že ji spustíte automaticky pomocí Ctrl + Shift + I na vaší klávesnici.
Kontrolujte prvky na Chromebooku pomocí myši nebo touchpadu
Stejně jako ostatní webové prohlížeče, i Chrome vám umožňuje kontrolovat prvky pouze pomocí myši nebo touchpadu.
- Najeďte myší na část webové stránky, kterou chcete zkontrolovat.
- Klepněte pravým tlačítkem myši na tuto oblast.
- Vybrat Kontrolovat z nabídky.
- Otevře se nabídka nástrojů pro vývojáře Chrome.
- Klikněte myší na čtvercovou ikonu v horní části nabídky. Můžete také stisknout Ctrl + Shift + C ke spuštění funkce.
- Umístěte ukazatel myši na oblast, kterou chcete zkontrolovat, a zobrazí se kód.
- Klikněte na prvek, který chcete přenést na tento řádek kódu v konzole.
Kontrola prvku na webové stránce v Chromebooku nevyžaduje mnoho práce. Existují dvě snadné metody, pokud je váš správce povolil. Chcete-li se o ChromeOS dozvědět více, podívejte se na naše průvodce, jak na to změnit tapetu každý den a jak můžeš dálkového ovladače do Chromebooku.