A weboldal elemeinek ellenőrzése a Chrome -ban: 7 lépés

Tartalomjegyzék:

A weboldal elemeinek ellenőrzése a Chrome -ban: 7 lépés
A weboldal elemeinek ellenőrzése a Chrome -ban: 7 lépés

Videó: A weboldal elemeinek ellenőrzése a Chrome -ban: 7 lépés

Videó: A weboldal elemeinek ellenőrzése a Chrome -ban: 7 lépés
Videó: How to restore closed tabs on google chrome 2024, December
Anonim

Ez a wikiHow megtanítja, hogyan kell számítógép segítségével megvizsgálni egy weboldal vizuális elemeinek HTML -forráskódját a Google Chrome -ban.

Lépés

Ellenőrizze az elemet a Chrome -ban 1. lépés
Ellenőrizze az elemet a Chrome -ban 1. lépés

1. lépés: Nyissa meg a Google Chrome -ot a számítógépen

A Chrome ikon színes golyónak tűnik, közepén kék ponttal. Ezt az ikont a Mac számítógép „Alkalmazások” mappájában vagy a Windows számítógép „Start” menüjében találja.

Ellenőrizze az elemet a Chrome -ban 2. lépés
Ellenőrizze az elemet a Chrome -ban 2. lépés

2. lépés Kattintson a három függőleges pont ikonra

A címsor mellett található, a böngészőablak jobb felső sarkában. Ezt követően egy legördülő menü jelenik meg.

Ellenőrizze az elemet a Chrome -ban 3. lépés
Ellenőrizze az elemet a Chrome -ban 3. lépés

3. Lépjen az egérrel a További eszközök elemre a legördülő menüben

Ezt követően megjelenik az almenü.

Ellenőrizze az elemet a Chrome -ban 4. lépés
Ellenőrizze az elemet a Chrome -ban 4. lépés

Lépés 4. Kattintson a Fejlesztői eszközök elemre a „További eszközök” almenüben

Egy ellenőrző oszlop jelenik meg a böngészőablak jobb oldalán.

Alternatív megoldásként megnyithatja az ellenőrző ablakot egy billentyűparanccsal. Nyomja meg az Option+⌘ Cmd+I billentyűt Mac számítógépeken, és nyomja meg a Ctrl+Alt+I billentyűt Windows számítógépeken

Vizsgálja meg az elemet a Chrome -ban 5. lépés
Vizsgálja meg az elemet a Chrome -ban 5. lépés

5. Léptessen az egérrel az elemre az ellenőrző oszlopban

Amikor a kurzort az elem vagy sor fölé viszi az ellenőrző ablakban, a megfelelő elem meg lesz jelölve a weboldalon.

Ellenőrizze az elemet a Chrome -ban 6. lépés
Ellenőrizze az elemet a Chrome -ban 6. lépés

6. lépés: Kattintson jobb gombbal a weboldalon ellenőrizni kívánt elemre

A jobb egérgombbal megjelenő menü megjelenik a legördülő listában.

Vizsgálja meg az elemet a Chrome -ban 7. lépés
Vizsgálja meg az elemet a Chrome -ban 7. lépés

7. lépés: A legördülő menüben válassza az Ellenőrzés lehetőséget

Ezt követően az ellenőrző oszlop felfelé vagy lefelé tolódik az adott elemre. Az elem forráskódja meg lesz jelölve.

Nem kell manuálisan megnyitnia az ellenőrző mezőt. Választ " Ellenőrizze ”A jobb egérgombbal megjelenő menüben, hogy automatikusan megnyissa az ellenőrzési oszlopot.

Ajánlott: