Tippek a Google Chrome böngésző ellenőrzési elemének használatához

Tartalomjegyzék:

Tippek a Google Chrome böngésző ellenőrzési elemének használatához
Tippek a Google Chrome böngésző ellenőrzési elemének használatához

Videó: Tippek a Google Chrome böngésző ellenőrzési elemének használatához

Videó: Tippek a Google Chrome böngésző ellenőrzési elemének használatához
Videó: How to change your default OneNote app to OneNote for Windows 10 - YouTube 2024, Április
Anonim

A Google Chrome nem csak a rendszeres internethasználók számára készült, hanem a webfejlesztők számára is, akik gyakran létrehoznak egy weboldalt, tervezési blogokat stb. Elem vizsgálata vagy ellenőriz a Google Chrome segítséget nyújt a felhasználóknak abban, hogy bizonyos információkat találjanak egy olyan webhelyről, amely el van rejtve a nézetből. Íme néhány tipp a Google Chrome böngésző ellenőrző elemének Windows PC-hez való használata.

Vizsgálja meg a Google Chrome Elemét

1] Rejtett JavaScript / médiafájlok keresése

Image
Image

Sok weboldal megmutatja az előugró ablakokat, ha a látogató több mint 15 vagy 20 másodpercig marad a weboldalon. Vagyis véletlenszerűen kattintva kinyit egy képet, hirdetést vagy ikont. A weblap ezen rejtett fájljainak megkereséséhez használhatja a források az Inspect elem lapja. A bal oldalon látható fa-nézetlista látható.

2] HEX / RGB színkódot a Chrome-ban

Image
Image

Néha tetszeni fogunk egy színnek, és szeretnénk kideríteni a színkódját. Könnyedén megtalálhatja az adott weboldalon használt HEX vagy RGB színkódot a natív beállítás használatával a Google Chrome-ban. Kattintson a jobb gombbal a színre, és kattintson rá ellenőriz. Az esetek többségében a jobb oldali színkódot a többi CSS segítségével kapja meg. Ha nem látja, akkor lehet, hogy valamilyen ingyenes színválasztó szoftvert kell használnia.

TIPP: Vessen egy pillantást a színválasztó online eszközeire is.

3] A webhely teljesítményének javításának tippjei

Image
Image

Mindenki szeret egy olyan weboldalon, amely gyorsan megnyílik. Ha tervezed a webhelyedet, ezt mindig szem előtt kell tartanod. Számos eszközzel ellenőrizheti és optimalizálhatja az oldal betöltési sebességét. A Google Chrome ugyanakkor beépített eszközzel is rendelkezik, amely lehetővé teszi a felhasználók számára, hogy tippeket találjanak a webhelyek betöltési sebességének javítására. Az eszközök eléréséhez menjen ide Az ellenőrzések lapot, és győződjön meg róla Hálózati felhasználás, Weboldal teljesítmény, és Újratöltés és ellenőrzés a terhelésnél vannak kiválasztva. Ezután kattintson rá Fuss gomb. Újratölti az oldalt, és megmutatja neked néhány információt, amelyek segítségével gyorsabban elkészítheti az oldalt. Például kaphat minden olyan erőforrást, amely nem rendelkezik cache-lejárattal, a JavaScripthez, amely egy fájlba illeszthető, és így tovább.

4] Ellenőrizze a válaszkészséget

Image
Image

Napjainkban döntő fontosságú a weboldal megfelelőbbé tétele. Számos eszközzel lehet ellenőrizni, hogy webhelye teljes mértékben reagál-e vagy sem. A Google Chrome ezen eszköze azonban segít a felhasználóknak tudni, hogy a webhely reagál-e vagy sem, valamint hogy ellenőrizze, hogyan néz ki egy adott mobilkészülék. Nyisson meg bármilyen webhelyet, kapjon Elem vizsgálata kattintson a Mobil gombot, állítsa be a felbontást, vagy válassza ki a kívánt eszközt a weboldal teszteléséhez.

5] Élő weboldal szerkesztése

Tegyük fel, hogy weblapot hoz létre, de zavaros a színséma vagy a navigációs menü mérete, a tartalom vagy az oldalsáv aránya miatt. Az élő weboldalt szerkesztheti a Google Chrome ellenőrzési elemével. Bár nem lehet menteni a változtatásokat egy élő weboldalon, elvégezheti az összes szerkesztést, hogy tovább használhassa. Ehhez nyissa meg a Inspect Elem elemet, válassza ki a bal oldali HTML tulajdonságot, és módosítsa a stílus módosításait a jobb oldalon. Ha bármilyen változtatást hajt végre a CSS-ben, kattintson a fájl linkre, másolja át a teljes kódot, és illessze be az eredeti fájlt.
Tegyük fel, hogy weblapot hoz létre, de zavaros a színséma vagy a navigációs menü mérete, a tartalom vagy az oldalsáv aránya miatt. Az élő weboldalt szerkesztheti a Google Chrome ellenőrzési elemével. Bár nem lehet menteni a változtatásokat egy élő weboldalon, elvégezheti az összes szerkesztést, hogy tovább használhassa. Ehhez nyissa meg a Inspect Elem elemet, válassza ki a bal oldali HTML tulajdonságot, és módosítsa a stílus módosításait a jobb oldalon. Ha bármilyen változtatást hajt végre a CSS-ben, kattintson a fájl linkre, másolja át a teljes kódot, és illessze be az eredeti fájlt.

A Google Chrome elemének ellenőrzése minden webfejlesztő valódi társa. Nem számít, hogy egyoldalas weboldalt vagy dinamikus weboldalt készítesz, akkor biztosan használhatja ezeket a tippeket.

Ajánlott: