Ste webový vývojár alebo niekto, kto chce použiť Chromebook na kontrolu prvku na webovej stránke? Stačí na to pár kliknutí.
Do budovania webovej stránky ide veľa. Ak vás zaujíma, čo sa skrýva za konkrétnym prvkom na stránke, možno budete chcieť zobraziť kód. Ako Prenosný počítač so systémom Windows, môžete si prvky prezrieť prostredníctvom možnosti nástrojov pre vývojárov na svojom skvelý Chromebook alebo jeden z veľa tabletov so systémom ChromeOS. A existujú dva spôsoby, ako to urobiť.
Ak používate Chromebook spravovaný školou alebo firmou, funkcia kontroly prvku môže byť zablokovaná a nebudete môcť postupovať podľa krokov v tejto príručke. Neexistuje spôsob, ako ho odblokovať bez toho, aby ste sa najprv opýtali správcu. Kontrolné prvky môžu byť zablokované pre vašu bezpečnosť a s cieľom zabrániť spätnému inžinierstvu a podvádzaniu pri online skúškach.
Weboví vývojári a pokročilejší používatelia systému ChromeOS môžu chcieť skontrolovať prvok na Chromebooku prostredníctvom ponuky nástrojov pre vývojárov. Táto jednoduchá ponuka v systéme ChromeOS vám umožní ponoriť sa hlbšie do obsahu webovej stránky. Nie je super skryté, ale tu je návod, ako ho nájsť.
- Kliknite na tri bodky vedľa ikony profilu na paneli ponuky Chrome.
- Vyber Viac nástrojov možnosť.
- Vyberte si Nástroje pre vývojárov.
- Na pravej strane webovej stránky sa otvorí konzola, v ktorej sa zobrazí kód webovej lokality, na ktorej sa nachádzate.
- Úplne vľavo hore na tejto konzole uvidíte štvorcovú ikonu s myšou. Kliknite naň. Môžete tiež stlačiť Ctrl + Shift + C na spustenie funkcie.
- Teraz budete môcť prejsť myšou na ľubovoľné miesto na webovej stránke a zobrazí sa kód pre tento konkrétny prvok.
- Kliknutím na oblasť, na ktorú sa pohybujete, zobrazíte kód v konzole napravo.
Tejto ponuke sa môžete tiež úplne vyhnúť tak, že ju spustíte automaticky pomocou Ctrl + Shift + I na vašej klávesnici.
Skontrolujte prvky na Chromebooku pomocou myši alebo touchpadu
Podobne ako iné webové prehliadače, aj Chrome vám umožňuje kontrolovať prvky iba pomocou myši alebo touchpadu.
- Umiestnite kurzor myši na časť webovej stránky, ktorú chcete skontrolovať.
- Kliknite pravým tlačidlom myši na túto oblasť.
- Vyberte si Skontrolujte z menu.
- Otvorí sa ponuka nástrojov pre vývojárov prehliadača Chrome.
- Kliknite myšou na štvorcovú ikonu v hornej časti ponuky. Môžete tiež stlačiť Ctrl + Shift + C na spustenie funkcie.
- Umiestnite kurzor myši na oblasť, ktorú chcete skontrolovať, a zobrazí sa kód.
- Kliknite na prvok, ktorý chcete preniesť na daný riadok kódu v konzole.
Kontrola prvku na webovej stránke na Chromebooku nezaberie veľa. Existujú dva jednoduché spôsoby, pokiaľ ich váš správca povolil. Ak sa chcete dozvedieť viac o systéme ChromeOS, pozrite si našich sprievodcov, ako na to zmeniť tapetu každý deň a ako môžeš diaľkové ovládanie do Chromebooku.