Amit tudni kell
-
Safariban: Kattintson jobb gombbal egy weboldalra, és válassza az Elem vizsgálata.
- A Chrome-ban kattintson a jobb gombbal, majd kattintson a Inspect. elemre.
- A funkció engedélyezése a Safariban: Safari > Preferences > Speciális 643344 A Fejlesztés menü megjelenítése a menüsorban mezőben.
Ebből a cikkből megtudhatja, hogyan ellenőrizheti a webhely elemeit Mac rendszeren. Megnézi, hogyan kell ezt megtenni a Safari és a Google Chrome segítségével.
Hogyan használható az Elem vizsgálata funkció Mac gépen?
Mielőtt megvizsgálná az elemeket Mac rendszeren a Safari használatakor, engedélyeznie kell a fejlesztői menüt a böngészőben. Itt megtudhatja, hogyan kell bekapcsolni, és mit kell tenni egy elem ellenőrzéséhez.
Ha a könyvjelzők és az ablak között látható a Fejlesztés elem, akkor a Fejlesztői menü már engedélyezve van, és ugorhat a 4. lépésre.
A Safari elem vizsgálati funkciójának használata
Íme, hogyan használhatja az Inspect Elementet a Safariban, a Mac számítógépek alapértelmezett böngészőjében.
-
A Safariban kattintson a Safari > Preferences. elemre.
Image -
Kattintson a következőre: Speciális.
Image -
Kattintson a Fejlesztési menü megjelenítése elemre a menüsorban, majd zárja be az ablakot.
Image - Webhely böngészésekor kattintson jobb gombbal az ellenőrizni kívánt elemre.
-
Kattintson a Elem ellenőrzése.
Image -
Mostantól megtekintheti a kódot az Ön által ellenőrzött webhely mögött.
Image
Az Elemvizsgálat funkció használata a Chrome-ban Mac számítógépen
Ha Safari helyett Chrome-ot használ Mac számítógépén, még egyszerűbb az elemek megtekintése, mivel nem kell engedélyezni a funkciót. Itt van a teendő.
- A Chrome-ban tallózzon egy webhelyre.
- Kattintson a jobb gombbal a vizsgálni kívánt elemre.
-
Kattintson a következőre: Ellenőrzés.
Image -
Mostantól megtekintheti a kódot a Chrome oldalablakban.
Image
Miért nem tudom megvizsgálni a Mac gépemen?
Előfordulhat, hogy nem tud megvizsgálni egy elemet a Mac számítógépen, ha nem engedélyezte a Fejlesztői menüt a Safariban. Itt van egy emlékeztető, hogyan kell csinálni.
-
A Safariban kattintson a Safari > Preferences. elemre.
Image -
Kattintson a következőre: Speciális.
Image -
Kattintson a Fejlesztési menü megjelenítése elemre a menüsorban, majd zárja be az ablakot.
Image
Hogyan hajthatunk végre módosításokat a webhelyen az elem ellenőrzésével
Amellett, hogy lehetővé teszi a kód megtekintését egy webhelyen, lehetőség van a webhely bármely elemének ideiglenes megváltoztatására is az Inspect Element segítségével. A Safarin keresztül a következőképpen teheti meg.
A folyamat nagyon hasonló más böngészőkben.
- Webhely böngészésekor kattintson jobb gombbal az ellenőrizni kívánt elemre.
- Kattintson a Elem ellenőrzése.
- Kattintson duplán a kód szövegére, hogy szerkeszthető legyen.
- Törölje vagy írjon be egy új szöveget.
- Érintse meg az Enter billentyűt.
- A kód ideiglenesen megváltozott, csak az Ön érdekében.
Miért szeretné használni az Elemvizsgálat funkciót?
Egy elem vizsgálatának lehetősége több okból is hasznos.
- A kód menet közbeni módosítása. A webhelytervezők ideiglenesen módosíthatják a webhelyen lévő dolgokat, hogy meglássák, hogyan befolyásolják a változtatások a dolgokat.
- A kód ellenőrzéséhez. Mind a tervezők, mind a marketingesek ellenőrizhetik a kódot, hogy megbizonyosodjanak arról, hogy olyan dolgok vannak benne, mint például a Google Analytics adatai.
- A képek egy webhelytől elkülönített megtekintése. Ha egy webhely nem teszi lehetővé a kép új lapon vagy ablakban való megnyitását, az elem megtekintése lehetővé teszi.
-
Tinker. Egy weboldal kódjának megtekintése segíthet megérteni a látottakat, és eltávolítja a rejtélyt, hogy mi és miért történik azzal a webhelytel, amelyen éppen tartózkodik. Olyan ez, mintha szétszednénk egy készüléket, hogy megnézzük, hogyan működik, de ebben az esetben nincs elveszíthető csavar.
GYIK
Legalább ellenőrizni egy webhelyet?
Igen. Ha azonban bármilyen kódot vagy tartalmat szeretne használni egy webhelyről, feltétlenül egyeztessen a tulajdonossal, és adjon hozzá egy szerzői jogi megjegyzést.
Hogyan másolhatok HTML-kódot egy inspect elemet tartalmazó webhelyről?
A Chrome-ban kattintson jobb gombbal az oldalra, és válassza az Inspect lehetőséget, majd lépjen a felső részre, és kattintson a jobb gombbal a címkére (pl.). Válassza a Másolás > KülsőHTML másolása, majd illessze be a kódot egy szöveges vagy HTML-fájlba.
Kimásolhatom a CSS-t egy webhelyről az inspect elemmel?
Igen. Kattintson a jobb gombbal a másolni kívánt elemre, és válassza a Inspect lehetőséget. Kattintson jobb gombbal a kiemelt kódra, és válassza a Másolás > Stílusok másolása.
Hogyan láthatom a mentett jelszavaimat az inspect elem használatával?
A rejtett jelszavak felfedéséhez kattintson jobb gombbal a jelszó szövegmezőre, és válassza a Inspect lehetőséget. A kiemelt részben keresse meg a type=”password” szöveget, és cserélje ki a password text szövegre. Egyszerűbb módokon is megjelenítheti az összes jelszavát a Chrome-ban.
