Google Chrome je určený nielen pre bežných používateľov internetu, ale aj pre webových vývojárov, ktorí často vytvárajú webové stránky, vytvárajú blogy atď. Preskúmať prvok alebo preskúmať možnosť prehliadača Google Chrome pomáha používateľom nájsť nejaké informácie o webových stránkach, ktoré sú skryté v zobrazení. Tu je niekoľko tipov na používanie prehliadača Inspect Element prehliadača Google Chrome pre Windows PC.
Skontrolujte element Google Chrome
1] Nájdite skryté súbory JavaScript / Médiá
Mnohé webové stránky zobrazujú vyskakovacie okná, ak návštevník zostane na webovej stránke viac ako 15 alebo 20 sekúnd. Alebo po kliknutí niekde náhodne sa otvorí obrázok, reklama alebo ikona. Ak chcete nájsť tieto skryté súbory webovej stránky, môžete využiť zdroje karta Kontrola prvku. Zobrazí zoznam stromov na ľavej strane, ktorý možno preskúmať.
2] Získajte kód farby HEX / RGB v prehliadači Chrome
Niekedy sa nám môže páčiť farba a možno budete chcieť zistiť jej farebný kód. Môžete jednoducho nájsť farebný kód HEX alebo RGB, ktorý sa používa na konkrétnej webovej stránke, pomocou natívnej voľby v prehliadači Google Chrome. Kliknite pravým tlačidlom myši na farbu a kliknite na preskúmať, Vo väčšine prípadov dostanete farebný kód na pravej strane s inými CSS. Ak ho nevidíte, možno budete musieť použiť nejaký bezplatný softvér na výber farieb.
TIP: Pozrite si aj tieto online nástroje na výber farieb.
3] Získajte tipy na zlepšenie výkonnosti webových stránok
Každý miluje pristátie na webovej stránke, ktorá sa otvára rýchlo. Ak navrhujete svoje webové stránky, mali by ste to vždy mať na pamäti. Existuje veľa nástrojov na kontrolu a optimalizáciu rýchlosti načítania stránky. Prehliadač Google Chrome však tiež obsahuje vstavaný nástroj, ktorý používateľom umožňuje získať tipy na zlepšenie rýchlosti načítavania webových stránok. Prístup k týmto nástrojom prejdite na audity kartu a uistite sa Využitie siete, Výkon webových stránok, a Znova načítať stránku a audit pri načítaní sú vybraté. Potom kliknite na beh Tlačidlo. Obnoví stránku a zobrazí niektoré informácie, ktoré sa dajú použiť na rýchlejšiu stránku. Môžete napríklad získať všetky zdroje, ktoré nemajú vypršanie vyrovnávacej pamäte, JavaScript, ktorý možno kombinovať do jedného súboru atď.
4] Skontrolujte reakciu
Odpoveď na webovú stránku je dnes veľmi dôležitá. Existuje veľa nástrojov, ktoré dokážu skontrolovať, či vaše stránky úplne reagujú alebo nie. Tento nástroj prehliadača Google Chrome však pomáha používateľom zistiť, či stránky reagujú alebo nie, a tiež zistiť, ako to bude vyzerať na konkrétnom mobilnom zariadení. Otvorte akékoľvek webové stránky, získajte Preskúmať prvok Kliknite na kartu mobilné , nastavte rozlíšenie alebo vyberte požadované zariadenie na otestovanie webovej stránky.
5] Upravte živé webové stránky
Skontrolujte, či prvok Google Chrome je skutočným spoločníkom každého vývojára webu. Nezáleží na tom, či vyvíjate jednostránkové webové stránky alebo dynamické webové stránky, určite tieto tipy používate.