MacOS: Omogočite Web Inspector v Safariju
Tukaj se naučite, kako si ogledate izvorno kodo na spletni strani v Apple Safari z uporabo orodja Safari Web Inspector.
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
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.
Kako spremeniti uporabniškega agenta v Safariju
Podrobna navodila, kako spremeniti niz uporabniškega agenta v brskalniku Apple Safari za MacOS.
MacOS: omogočite spletni inšpektor v Safariju
Kako si ogledate izvorno kodo na spletni strani v Apple Safariju z orodjem Web Inspector.
Safari za iPhone in iPad: »Strani ni bilo mogoče odpreti, preveč preusmeritev« Popravek
Odpravite napako, pri kateri strani ni bilo mogoče odpreti, preveč preusmeritev. se prikaže med brskanjem po spletu na vašem Apple iPhone ali iPad.
Apple Safari: Popolnoma onemogočite predpomnilnik
Pokažemo vam, kako onemogočiti predpomnjenje v spletnem brskalniku Apple Safari.
Safari: omogoči/onemogoči blokiranje pojavnih oken
Kako omogočiti ali onemogočiti blokator pojavnih oken v Apple Safariju za Windows, OS X in iOS.
iPhone in iPad: nastavite domačo stran Safari
Kako nastaviti domačo stran za Safari na vašem Apple iPhone ali iPad.
Kako si ogledati namizno različico Facebooka na iPhone in iPad
Kako si ogledate polno različico Facebooka z vašega iPhone ali druge naprave Apple iOS.
Kako povečati velikost besedila na katerem koli spletnem mestu na iPadu
Olajšajte branje v Safariju in povečajte velikost; evo kako.
Kako nastaviti domačo stran v Chromu, Safariju, Firefoxu, IE, Edge
Vaša domača stran je stran, ki se odpre, ko v brskalniku kliknete gumb za domačo stran – običajno del menijske vrstice na vrhu in v obliki
iPadOS: Nasveti in triki, ki bi jih moral poznati vsak uporabnik Safarija
Če poznate nasvete in trike, ki jih ponuja Safari, boste vedeli, kako kar najbolje izkoristiti brskalnik. Ima tudi nekaj nasvetov in trikov v rokavu
Safari: Izbrišite piškotke, zgodovino, gesla itd.
Kako izbrisati piškotke, zgodovino ali podatke o geslu iz spletnega brskalnika Apple Safari.
Prisilite namizno različico YouTuba v Safariju za iPhone in iPad
Pokažemo vam, kako prikazati celotno namizno različico spletnega mesta YouTube v Safariju za iOS.
Ikona Safari manjka v iPhonu ali iPadu
Rešite težavo, pri kateri v vaši napravi iOS manjka ikona Apple Safari.
Kako si ogledate shranjena gesla v Chromu, Opera, Edge in Firefox
Shranjevanje gesel v brskalniku ni najbolj varna stvar. Toda nekateri lahko to vseeno storijo, saj so gesla, ki jih shranijo, za neželene račune ali morate ugotoviti geslo, ki ga uporabljate za ta en pogled? Prikazujemo, da si morate ogledati gesla, ki jih je shranil vaš brskalnik.
Koraki za zagon macOS na Windows PC
Izvedite, kako namestiti macOS na Windows PC s podrobnim vodnikom, ki vam pokaže, kako pridobiti operacijski sistem Apple na napravi Microsoft.
MacOS: Omogočite Web Inspector v Safariju
Tukaj se naučite, kako si ogledate izvorno kodo na spletni strani v Apple Safari z uporabo orodja Safari Web Inspector.
MacOS: Onemogočite “{appname} ni mogoče odpreti, ker je iz neprepoznanega razvijalca”
Napaka neprepoznanega razvijalca na macOS je lahko glavobol. Preberite ta članek zdaj, da odkrijete preverjene metode, ki bodo takoj odpravile to težavo!
Kako zemljevidi omrežni pogon na Mac
Želite izvedeti, kako povezati in zemljevidi omrežni pogon v Apple MacOS? Potem preberite ta enostaven vodnik po korakih do zemljevida omrežnega pogona na Macu!
Outlook 365 meni Domov manjka: 6 najboljših popravkov
Če v Outlooku manjka gumb Domov, onemogočite in omogočite Domačo pošto na traku. Ta hitra rešitev je pomagala številnim uporabnikom.
MacOS: vrnite okno izven zaslona nazaj na zaslon
Seznam možnih popravkov za težavo, pri kateri ste morda izgubili okno aplikacije z zaslona v sistemu macOS.
Kako ustvariti distribucijski seznam v Outlooku: 3 najboljše metode
Želite poslati e-pošto številnim prejemnikom? Ne veste, kako ustvariti seznam prejemnikov v Outlooku? Evo, kako to storite brez truda!
Kako znova zagnati grafični gonilnik: 9 najboljših metod, ki jih morate poznati
Spoznajte, kako znova zagnati grafični gonilnik v sistemih Windows 10, 11 in Mac, da odpravite težave. Preizkusite te najboljše metode za ponastavitev grafičnega gonilnika.
Kako najti krožne reference v Excelu, da se izognete napačnim podatkom
Če so krožne reference v Excelovem delovnem listu zaskrbljujoče, se tukaj naučite, kako poiskati krožne reference v Excelu in jih odstraniti.
33 najboljših Excelovih proračunskih predlog za osebno in poklicno uporabo v letu 2023
Iščete brezplačne ali plačljive Excelove proračunske predloge? Preberite ta članek, če želite raziskati nekaj najboljših proračunskih predlog za Excel v spletu in brez njega.