Tipy na používanie nástroja Inspect Element prehliadača Google Chrome

Obsah:

Tipy na používanie nástroja Inspect Element prehliadača Google Chrome
Tipy na používanie nástroja Inspect Element prehliadača Google Chrome

Video: Tipy na používanie nástroja Inspect Element prehliadača Google Chrome

Video: Tipy na používanie nástroja Inspect Element prehliadača Google Chrome
Video: Internet Technologies - Computer Science for Business Leaders 2016 - YouTube 2024, November
Anonim

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á

Image
Image

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

Image
Image

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

Image
Image

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

Image
Image

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

Predpokladajme, že vytvárate webovú stránku, ale ste zmätení o farebnej schéme alebo veľkosti navigačného menu alebo obsahu alebo postrania. Účinnú webovú stránku môžete upraviť pomocou možnosti Inspect Element v prehliadači Google Chrome. Hoci zmeny nemožno uložiť na živé webové stránky, môžete vykonať všetky úpravy, aby ste ich mohli ďalej používať. Ak to chcete urobiť, otvorte funkciu Inspect Element, zvoľte vlastnosť HTML z ľavej strany a na pravej strane vykonajte úpravy štýlu. Ak vykonáte akúkoľvek zmenu v systéme CSS, môžete kliknúť na odkaz na súbor, skopírovať celý kód a prilepiť ho do pôvodného súboru.
Predpokladajme, že vytvárate webovú stránku, ale ste zmätení o farebnej schéme alebo veľkosti navigačného menu alebo obsahu alebo postrania. Účinnú webovú stránku môžete upraviť pomocou možnosti Inspect Element v prehliadači Google Chrome. Hoci zmeny nemožno uložiť na živé webové stránky, môžete vykonať všetky úpravy, aby ste ich mohli ďalej používať. Ak to chcete urobiť, otvorte funkciu Inspect Element, zvoľte vlastnosť HTML z ľavej strany a na pravej strane vykonajte úpravy štýlu. Ak vykonáte akúkoľvek zmenu v systéme CSS, môžete kliknúť na odkaz na súbor, skopírovať celý kód a prilepiť ho do pôvodného súboru.

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.

Odporúča: