MacOS: Web Inspector Engedélyezése a Safari-ban

Ha meg szeretné nézni egy weboldal forráskódját az Apple Safari böngészőben a macOS Sierra alatt, engedélyeznie kell a Safari Web Inspector eszközt az alábbi módszerek egyikével.

A webböngésző fejlesztői, mint például az Apple, Google stb., biztosítanak egy előre telepített eszközt a háttérkódok megtekintésére. A fejlesztők többnyire ezt használják a hibakereséshez és a változtatások vizualizálásához egy élő weboldalon anélkül, hogy megzavarnák a tényleges kódot a szerveren. Azonban ez az eszköz mára népszerűvé vált a tartalomkészítők és a technológia iránt érdeklődő internet felhasználók körében, akik élő weboldalakat szeretnének szerkeszteni személyes vagy professzionális célokra. Ha Ön is közéjük tartozik, olvassa el a cikket a végéig, hogy mindent tudjon a Safari Web Inspector-ról és arról, hogyan lehet elemeket ellenőrizni.

Tartalom

• 1 Mi az a Safari Web Inspector?
• 2 Hogyan lehet aktiválni a Safari Web Inspectort a Safari 10 és újabb verziókban
• 3 Hogyan használjuk a Safari Web Inspectort macOS alatt
• 4 Hogyan nyissuk meg a Safari Web Inspectort a régebbi macOS verziókban
  • 4.1 Safari Web Inspector: Végső szavak

Mi az a Safari Web Inspector?

A Web Inspector része az Apple által a weboldal- és alkalmazásfejlesztők számára nyújtott fejlesztői eszközök csomagjának. Az eszköz elérhető mind a macOS, mind az iOS eszközök számára. A fejlesztők zökkenőmentesen módosíthatják, optimalizálhatják és hibakereshetik a weboldalakat, hogy maximális teljesítményt érjenek el online tulajdonaik számára.

A Safari Web Inspector eszköz összes weboldalforrást egy egységes felületen hoz össze. Az eszköz emellett külön fülön elkülöníti a forrásokat és a paramétereiket, így nem kell túlnéznie a sok kód és lehetőség között. A Web Inspector egy idővonal nézetet is ad a weboldal memóriahasználatáról, így könnyedén hibaelháríthatja a memóriát. Ráadásul, mint fejlesztő, finomhangolhat és optimalizálhat több mint 150 népszerű CSS tulajdonságot, amire szüksége van egy funkcionális weboldal fejlesztéséhez.

A Web Inspector eszközön az alábbi füleket kapja a weboldal forrásokhoz:

• Elemek
• Konzol
• Források
• Hálózat
• Idővonalak
• Tárolás
• Grafika
• Rétegek
• Audit

Hogyan lehet aktiválni a Safari Web Inspectort a Safari 10 és újabb verziókban

Alapértelmezés szerint az Apple Mac letiltja a Web Inspectort a Safariban. Ennek célja, hogy megakadályozza a felesleges zűrzavart a böngésző felhasználói felületén (UI). Azonban, ha Ön fejlesztő, tartalomkészítő vagy tapasztalt Mac felhasználó, akkor az alábbi lépések követésével aktiválhatja a funkciót:

• Nyissa meg a Safari alkalmazást a MacBook-on vagy az iMac-en.
• Győződjön meg róla, hogy rákattintott a böngészőre, hogy megjelenjen a Safari ikon a Mac eszköztáron.

• Kattintson a Safari ikonra a bal felső sarokban, majd válassza a Beállítások lehetőséget.
• Alternatív megoldásként használhatja a Command + , billentyűkombinációt a Beállítások menü megjelenítéséhez.
• A Beállítások menüben biztosítania kell, hogy a Általános fülön legyen.

• Navigáljon a Fejlett fülre.
• Csak a Proxyk opció alatt látnia kell a Fejlesztői menü megjelenítése a menüsorban jelölőnégyzetet. Jelölje be a négyzetet.

• Most a Safari Fejlesztői menü megjelenik a Mac eszköztáron.

Így engedélyezheti a Web Inspector funkciót a Mac böngészőjében a Safari alatt. A lépések hasonlóak a legújabb macOS kiadás, a Ventura és korábbiak, mint a Monterey, Big Sur, Catalina stb. esetében az összes előtt.

Olvassa el továbbá: Html 4.01

Mostanáig megtanulta, hogyan lehet megszerezni a Web Inspector funkciót a Mac Safari alkalmazásban. Olvassa el alább, hogyan használhatja azt az élő weboldalak Safari-ján:

Hogyan használjuk a Safari Web Inspectort macOS alatt

Íme a lépések a Web Inspector eszköz előhívásához webfejlesztés, tartalomkészítés vagy egyéb célok érdekében. Ebben a cikkben a macOS Monterey operációs rendszer használatára mutatom be a lépéseket. Azonban a lépések hasonlóak a macOS Jaguar-tól a Ventura-ig.

• Nyisson meg egy webhelyet, amelyet ellenőrizni szeretne a Safariban.
• Kétféleképpen ellenőrizheti egy weboldal háttér HTML/CSS kódját, vagy végezhet változtatásokat az Apple fejlesztői eszköze, a Web Inspector használatával. Ezek:
  • Fejlesztő > Web Inspector megjelenítése.
  • Jobb kattintás > Elem kiválasztása.
• Az első használatához lépjen a Mac eszköztárra a Safari böngészőn, és kattintson a Fejlesztő menüre.

• A felugró helyi menüben kattintson a Web Inspector megjelenítése lehetőségre. Ehhez az akcióhoz a Option + Command + I billentyűkombinációt használhatja.

• Ez megnyitja a Web Inspector eszközt a böngésző alsó felében. A látható kód az egész URL vagy weboldal kódja, amelyet elért.
• Ha egy adott elem háttérkódját szeretné vizualizálni anélkül, hogy megnyitná az egész weboldal kódját, válassza ki az elemet, amelyet ellenőrizni szeretne.

• Jobb kattintás, majd válassza a Elem kiválasztása lehetőséget a megnyíló helyi menüben.
• A Safari Web Inspector-je megnyílik.

• De ezúttal a Safari közvetlenül a vizsgált elem háttér HTML vagy CSS kódjához juttat el.
• Ebben az eszközben megkapja a weboldal elemének HTML és CSS kódját, amelyet ellenőriz.

Olvassa el továbbá: A Technipages magyarázza a CSS-t

Hogyan nyissuk meg a Safari Web Inspectort a régebbi macOS verziókban

Feltételezve, hogy Ön egy Jaguar-nál régebbi Mac-en van, és szüksége van a Web Inspector eszköz használatára. Ha nem találja a fenti lépéseket azon a Mac-en, végrehajthat egy egyszerű kódot a Web Inspector aktiválásához. Íme, hogyan kell csinálni:

• Nyissa meg az Alkalmazások mappát, és lépjen a Segédprogramok mappába.
• Segédprogramon belül a Terminál nevű alkalmazást kell megtalálnia. Ez a macOS számítógépek parancssora.
• Most indítsa el a Terminál parancssori felületet, és írja be a következő egyszerű parancsot:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

• Nyomja meg a Return billentyűt a parancs végrehajtásához.
• Most megnyithat egy weboldalt a Safariban, és jobb kattintással vagy az egérgomb nyomva tartásával bárhol a lapon, amíg meg nem jelenik a helyi menü.
• Itt kattintson az Elem kiválasztása opcióra, hogy megnézhesse a weboldal háttér CSS és HTML kódjait.

Safari Web Inspector: Végső szavak

Tehát ezek a módszerek a Web Inspector könnyű engedélyezésére a Safariban. A lépéseket saját magát követve is könnyen megteheti, és pár perc alatt elkezdheti a fejlesztést vagy tartalomkészítést. Megtanulta a Web Inspector aktiválásának módszereit a Safariban új és régi macOS verziókhoz egyaránt. Ha esetleg kihagytam bármilyen módszert a Web Inspector megszerzésére és használatára, ne habozzon, és tudassa velem egy kommentben alul.

Következő, a legjobb kódoló alkalmazások az iPad-hez.