Tippek az Inspect Element használatához a Google Chrome böngészőben

Feltéve, hogy tippeket szeretne kapni a Google Chrome böngésző Elemvizsgálat funkciójának használatához: Kattintson a jobb gombbal az elemre, amelyet ellenőrizni szeretne, és a legördülő menüből válassza az 'Inspect' lehetőséget. Az Inspector megnyitásához használhatja a Ctrl+Shift+I (Windows) vagy a Cmd+Opt+I (Mac) billentyűkombinációt is. Miután megnyitotta az Inspectort, a bal oldalon az oldal HTML-kódja, a jobb oldalon pedig a CSS-kód jelenik meg. Az Inspectorban módosíthatja a HTML-t és a CSS-t, és azonnal láthatja, hogy a változtatások érvénybe lépnek-e az oldalon. Az Inspectorból való kilépéshez egyszerűen kattintson a jobb felső sarokban lévő X-re.

A Google Chrome nem csak az általános webfelhasználók számára készült, hanem a webfejlesztőknek is, akik gyakran készítenek webhelyeket, blogokat stb. Ellenőrizze az elemet vagy Vizsgálja meg A Google Chrome beállítása segít a felhasználóknak megtalálni bizonyos információkat egy olyan webhelyről, amely rejtett. Íme néhány tipp az Inspect Element használatához a Google Chrome böngészőben Windows PC-n.

Ellenőrizze a Google Chrome elemet

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

felhasználói profil törlése Windows 10

Sok webhely felugró ablakokat jelenít meg, ha a látogató 15 vagy 20 másodpercnél tovább tartózkodik egy weboldalon. Vagy sok esetben egy kép, hirdetés vagy ikon nyílik meg, miután véletlenül kattintott valahova. Ha meg szeretné találni ezeket a rejtett fájlokat egy weboldalon, használhatja Források Elem ellenőrzése lap. A bal oldalon egy faszerű lista jelenik meg, amelyet felfedezhet.

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

Előfordulhat, hogy kedvelünk egy színt, és szeretnénk tudni a színkódját. A Google Chrome beépített opciójával könnyen megtalálhatja az adott weboldalon használt HEX vagy RGB színkódot. Kattintson jobb gombbal egy színre, és válassza ki Vizsgálja meg . A legtöbb esetben egy színkód jelenik meg a jobb oldalon, különböző CSS-ekkel. Ha nem látja, előfordulhat, hogy ingyenes színválasztó szoftvert kell használnia.

hogyan állítsunk be alapértelmezett nyomtatót a Windows 10 rendszerben

TIPP : Nézd meg ezeket Online színválasztó eszközök Azonos.

a Windows aero engedélyezése

3] Tippek a weblapok teljesítményének javításához

Mindenki szeret gyorsan megnyíló oldalt felkeresni. Ha weboldalát tervezi, ezt mindig szem előtt kell tartania. Számos eszköz létezik az oldalbetöltési sebesség tesztelésére és optimalizálására. A Google Chrome azonban rendelkezik egy beépített eszközzel is, amellyel a felhasználók tippeket kaphatnak a webhely betöltési sebességének javításához. Az eszközök eléréséhez lépjen a következő helyre: Könyvvizsgálat fület, és győződjön meg róla Hálózathasználat , Weboldal teljesítménye , i Oldal újratöltése és ellenőrzése betöltéskor kiválasztott. Ezután kattintson a gombra fuss gomb. Ez újratölti az oldalt, és megmutat néhány információt, amelyek segítségével felgyorsíthatja az oldalt. Például beszerezhet minden olyan erőforrást, amelynek nem járt le a gyorsítótára, egy fájlba kombinálható JavaScript stb.

4] Teszt válaszkészség

Manapság rendkívül fontos, hogy egy weboldalt reszponzívvá tegyünk. Számos eszköz segítségével ellenőrizhető, hogy webhelye teljes mértékben reszponzív-e. Ez a Google Chrome eszköz azonban segít a felhasználóknak tudni, hogy egy webhely reszponzív-e vagy sem és ellenőrizze, hogyan fog kinézni egy adott mobileszközön. Nyissa meg bármelyik webhelyet, szerezze be Ellenőrizze az elemet fület, kattintson rá Mobil kattintson a gombra, állítsa be a felbontást, vagy válassza ki a kívánt eszközt a weboldal ellenőrzéséhez.

tiltsa le a biztonságos indító Windows 10-et

5] Élő webhely szerkesztése

Tegyük fel, hogy egy weboldalt készít, de nem tudja, mi a színséma, a navigációs menü mérete, a tartalom vagy az oldalsáv képaránya. Élő webhelyét szerkesztheti a Google Chrome Elem vizsgálata opciójával. Bár nem mentheti el a módosításokat egy élő webhelyen, az összes szerkesztést elvégezheti, hogy később felhasználhassa. Ehhez nyissa meg az Inspect Element elemet, válassza ki a HTML tulajdonságot a bal oldalon, és végezzen stílusmódosításokat a jobb oldalon. Ha bármilyen módosítást végez a CSS-ben, kattintson a fájl hivatkozására, másolja ki az összes kódot, és illessze be az eredeti fájlba.

Az Inspect Element a Google Chrome-ból minden webfejlesztő igazi társa. Akár egyoldalas, akár dinamikus webhelyet tervez, ezek a tippek minden bizonnyal hasznot húzhatnak.