MacOS: Omogočite Web Inspector v Safariju

Če želite si ogledati izvorno kodo spletne strani v Apple Safari za macOS Sierra, boste morali omogočiti orodje Safari Web Inspector z uporabo naslednjih metod.

Razvijalci spletnih brskalnikov, kot so Apple, Google itd., ponujajo orodje za pregledovanje osnovnih kod. Razvijalci to orodje večinoma uporabljajo za odpravljanje napak in vizualizacijo sprememb, ki so bile narejene na aktivni spletni strani, ne da bi moteli dejansko kodo na strežniku. Vendar je to orodje zdaj postalo priljubljeno med ustvarjalci vsebin in tehnološko usposobljenimi uporabniki interneta, ki želijo urejati aktivne spletne strani za osebne ali strokovne namene. Če ste eden od njih, preberite članek do konca, da izveste vse o Safari Web Inspector in kako pregledati element.

Vsebina

• 1 Kaj je Safari Web Inspector?
• 2 Kako aktivirati Safari Web Inspector v Safariju 10 in novejših
• 3 Kako uporabljati Safari Web Inspector na macOS
• 4 Kako odpreti Safari Web Inspector v starejših različicah macOS
  • 4.1 Safari Web Inspector: Zadnje besede

Kaj je Safari Web Inspector?

Web Inspector je del paketa razvojnih orodij, ki jih Apple ponuja razvijalcem spletnih strani in aplikacij po vsem svetu. Orodje je na voljo tako za naprave z macOS kot iOS. Razvijalci lahko brez težav spreminjajo, optimizirajo in odpravljajo napake na spletnih straneh, da dosežejo vrhunsko delovanje svojih spletnih lastnosti.

Orodje Web Inspector v Safariju prinaša večino virov spletnih strani pod enotno površje. Orodje prav tako ločuje vire in njihove parametre v namenskih zavihkih, tako da se ne boste počutili preobremenjene s številnimi kodami in možnostmi. Web Inspector vam tudi omogoča časovno pregledovanje pomnilnika spletne strani, kar olajša odpravljanje napak v pomnilniku. Poleg tega lahko kot razvijalec prilagodite in optimizirate več kot 150 priljubljenih CSS lastnosti, ki jih potrebujete za razvijanje funkcionalne spletne strani.

Na orodju Web Inspector dobite naslednje zavihke za vire spletnih strani:

• Elementi
• Konzola
• Viri
• Omrežje
• Časovnice
• Shranjevanje
• Grafika
• Plasti
• Revizija

Kako aktivirati Safari Web Inspector v Safariju 10 in novejših

Privzeto Apple Mac onemogoča Web Inspector v Safariju. To je narejeno, da se prepreči nepotrebna zmeda na uporabniškem vmesniku spletnega brskalnika. Vendar, če ste razvijalec, ustvarjalec vsebin ali izkušen uporabnik Maca, boste morda želeli omogočiti to funkcijo tako, da sledite tem korakom:

• Odprite aplikacijo Safari na vašem MacBooku ali iMacu.
• Prepričajte se, da ste kliknili na brskalnik, da se prikaže ikona Safari na orodni vrstici Maca.

• Kliknite Safari v zgornjem levem kotu in izberite Nastavitve.
• Alternativno lahko uporabite bližnjico Command + , da prikažete meni za nastavitve.
• Medtem ko ste v meniju Nastavitve, morate biti na zavihku Splošno.

• Pojdite na zavihek Napredno.
• Takoj pod možnostjo Proxy bi morali videti potrditveno polje za Prikaži meni za razvoj v menijski vrstici. Označite to polje.

• Zdaj se bo meni Razvoj v Safariju prikazal na orodni vrstici Maca.

Tako lahko omogočite funkcijo Web Inspector v vašem brskalniku Safari na Macu. Koraki so podobni za najnovejšo različico macOS Ventura in prejšnje, kot so Monterey, Big Sur, Catalina itd., vse do Jaguara.

Preberite tudi: Html 4.01

Do sedaj ste se naučili, kako dobiti funkcijo Web Inspector v aplikaciji Safari na Macu. Natančneje preberite, kako jo uporabljati na Safariju za aktivne spletne strani:

Kako uporabljati Safari Web Inspector na macOS

Spodaj so koraki za uporabo orodja Web Inspector za razvoj spletnih strani, ustvarjanje vsebin ali druge namene. V tem članku prikazujem korake z operacijskim sistemom macOS Monterey. Vendar so postopki precej podobni od macOS Jaguara do Ventur.

• Odprite Safari in obiščite katero koli spletno stran, ki jo želite pregledati.
• Obstajata dva načina za pregled osnovne HTML/CSS kode spletne strani ali za spremembe z uporabo orodja Apple Web Inspector. To sta:
  • Razvoj > Prikaži Web Inspector.
  • Desni klik > Pregled elementa.
• Če želite uporabiti prvega, pojdite na orodno vrstico Maca za brskalnik Safari in kliknite na meni Razvoj.

• V kontekstnem meniju, ki se odpre, kliknite Prikaži Web Inspector. Bližnjica za to dejanje je Option + Command + I.

• To bo odprlo orodje Web Inspector v spodnjem delu spletnega brskalnika. Kode, ki jih vidite, so za celotno URL ali spletno stran, ki ste jo dostopali.
• Če želite vizualizirati osnovno kodo za določen element na spletni strani brez odpiranja kode za celotno spletno stran, izberite element, ki ga želite pregledati.

• Desni klik in izberite Poglej element v kontekstnem meniju, ki se odpre.
• Safari Web Inspector se bo odprl.

• Vendar vas bo tokrat Safari takoj pripeljalo do osnovne HTML ali CSS kode elementa, ki ga pregledujete.
• V tem orodju dobite HTML in CSS kode elementa spletne strani, ki jo pregledujete.

Preberite tudi: Technipages razlaga CSS

Kako odpreti Safari Web Inspector v starejših različicah macOS

Če ste na Macu, starejšem od Jaguara, in potrebujete orodje Web Inspector. Če zgornjih korakov ne najdete v tem Macu, lahko izvedete preprosto kodo, da aktivirate Web Inspector. Tukaj je, kako to storiti:

• Odprite Priročnik in pojdite v Utilities mapo.
• Znotraj Utilities bi morali najti Terminal. To je ukazna vrstica računalnikov macOS.
• Zdaj zaženite Terminal in vpišite naslednji preprost ukaz:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

• Pritisnite Return, da izvedete ukaz.
• Zdaj lahko odprete spletno stran v Safariju in z desnim klikom ali dolgotrajnim pritiskom na miško kjerkoli na strani, dokler se ne prikaže kontekstno meni.
• Tam kliknite na možnost Poglej element, da si ogledate osnovne CSS in HTML kode spletne strani.

Safari Web Inspector: Zadnje besede

Torej, to so metode za enostavno omogočanje Web Inspector v Safariju. Korake lahko sledite sami in začnete z razvojem ali ustvarjanjem vsebin v nekaj minutah. Naučili ste se metod za aktiviranje pregleda elementov v Safariju za nove in starejše različice macOS. Če sem zamudil katero koli metodo za pridobitev in uporabo Web Inspector, mi to prosim sporočite s komentarjem spodaj.

Nadaljevanje, najboljše aplikacije za kodiranje za iPad.