MacOS: Įjungti Web Inspektorių Safari

Jei norite peržiūrėti šaltinio kodą svetainėje „Apple Safari“ skirtam macOS Sierra, turėsite įjungti Safari Web Inspector įrankį naudodami šiuos metodus.

Interneto naršyklių kūrėjai, tokie kaip Apple, Google ir kt., siūlo paruoštą įrankį, kad būtų galima peržiūrėti pagrindines kodo struktūras. Kūrėjai dažniausiai tai naudojasi, kad ištaisytų klaidas ir vizualizuotų pakeitimus, padarytus gyvoje svetainėje, nesukeldami su tuo susijusių problemų su serverio kodu. Tačiau šis įrankis dabar tapo populiaresnis tarp turinio kūrėjų ir technologiškai išprususiu Interneto vartotojų, kurie nori redaguoti gyvą svetainę asmeniniais ar profesiniais tikslais. Jei esate vienas iš jų, perskaitykite straipsnį iki pabaigos, kad sužinotumėte viską apie Safari Web Inspector ir kaip tikrinti elementus.

Turinys

• 1 Kas yra Safari Web Inspector?
• 2 Kaip aktyvinti Safari Web Inspector Safari 10 ir vėliau
• 3 Kaip naudoti Safari Web Inspector macOS
• 4 Kaip atidaryti Safari Web Inspector senesnėse macOS versijose
  • 4.1 Safari Web Inspector: Paskutiniai žodžiai

Kas yra Safari Web Inspector?

Web Inspektorius yra kūrimo įrankių paketo dalis, kurią Apple siūlo svetainių ir programų kūrėjams visame pasaulyje. Įrankis yra prieinamas tiek macOS, tiek iOS įrenginiams. Kūrėjai gali lengvai modifikuoti, optimizuoti ir taisyti svetaines, kad jų internetiniai turtai pasiektų aukščiausią našumą.

Web Inspector įrankis Safari suvienija daugumą svetainių išteklių po vienu bendru interfeisu. Įrankis taip pat išskiria išteklius ir jų parametrus specializuotose skirtukose, todėl nesijaučiate priblokšti daugybės kodų ir parinkčių. Web Inspector taip pat suteikia laiko ir atminties vaizdą, kad galėtumėte lengvai išspręsti atminties problemas. Be to, kaip kūrėjas, galite koreguoti ir optimizuoti daugiau nei 150 populiarių CSS savybių, kurių reikia kuriant funkcinę svetainę.

Web Inspector įrankyje gaunate šiuos skirtukus svetainių ištekliams:

• Elementai
• Konsole
• Šaltiniai
• Tinklas
• Laiko juostos
• Atmintis
• Grafika
• Slėniai
• Auditai

Kaip aktyvinti Safari Web Inspector Safari 10 ir vėliau

Pagal numatytuosius nustatymus, Apple Mac išjungia Web Inspector Safari, kad būtų išvengta nereikalingo chaoso naršyklės vartotojo sąsajoje (UI). Tačiau, jei esate kūrėjas, turinio kūrėjas ar patyręs Mac vartotojas, gali tekti aktyvuoti šią funkciją, sekdami šiuos veiksmus:

• Atidarykite Safari programą savo MacBook arba iMac.
• Įsitikinkite, kad paspaudėte naršyklę, kad Safari piktograma pasirodytų Mac įrankių juostoje.

• Paspauskite Safari viršutiniame kairiajame kampe ir pasirinkite Nuostatos.
• Be to, galite naudoti spartųjį klavišą Command + ,, kad atidarytumėte Nuostatų meniu.
• Nuostatų meniu turite būti General skirtuke.

• Naviguokite iki Išplėstinės skirtuko.
• Tiesiai po Proxies parinktimi turėtumėte pamatyti žymės langelį Rodyti kūrimo meniu meniu juostoje. Žymėkite langelį.

• Dabar Safari Kūrimo meniu pasirodys Mac įrankių juostoje.

Štai kaip galite aktyvuoti Web Inspector funkciją savo Mac naršyklėje Safari. Veiksmų sekos panašios naujausiame macOS leidime Ventura ir ankstesniuose, tokiuose kaip Monterey, Big Sur, Catalina ir kt., iki Jaguar.

Taip pat skaitykite: Html 4.01

Iki šiol sužinojote, kaip gauti Web Inspector funkciją Mac Safari programoje. Sužinokite žemiau, kaip jį naudoti Safari gyvose svetainėse:

Kaip naudoti Safari Web Inspector macOS

Žemiau rasite veiksmus, kaip pasiekti Web Inspector įrankį svetainių kūrimui, turinio kūrimui ar kitiems tikslams. Šiame straipsnyje rodo veiksmus, naudojant macOS Monterey operacinę sistemą. Tačiau veiksmai yra gana panašūs nuo macOS Jaguar iki Ventura.

• Atidarykite Safari ir apsilankykite bet kurioje svetainėje, kurią norite patikrinti.
• Yra du būdai patikrinti pagrindines HTML/CSS kodus svetainėje arba atlikti pakeitimus, naudojant Apple kūrėjo įrankį Web Inspector. Tai yra:
  • Kūrimas > Rodyti Web Inspektorių.
  • Dešiniuoju pelės mygtuku spustelėkite > Patikrinti elementą.
• Norėdami naudoti pirmąjį, eikite prie Mac įrankių juostos „Safari“ naršyklėje ir spustelėkite Kūrimas meniu.

• Iš kontekstinio meniu, kuris pasirodo, spustelėkite Rodyti Web Inspektorių. Spartusis klavišas šiam veiksmui yra Option + Command + I.

• Tai atidarys Web Inspector įrankį naršyklės apatinėje pusėje. Koduose, kuriuos matote, pateikiami viso URL arba svetainės, kurią pasiekėte, kodai.
• Jei norite vizualizuoti pagrindinį kodą tam tikram elementui svetainėje, neatsidarant visos svetainės kodo, pasirinkite norimą elementą patikrinti.

• Dešiniuoju pelės mygtuku spustelėkite ir pasirinkite Patikrinti elementą iš atsidariusio kontekstinio meniu.
• Safari Web Inspector atsidarys.

• Šiuo atveju, Safari tiesiogiai nukels jus prie pagrindinio HTML arba CSS kodo elemento, kurį tikrinate.
• Šiame įrankyje gausite HTML ir CSS kodus svetainės elemento, kurį tikrinate.

Taip pat skaitykite: Technipages aiškina CSS

Kaip atidaryti Safari Web Inspector senesnėse macOS versijose

Jei esate „Mac“ kompiuteryje, kuriame yra senesnė nei Jaguar versija, ir jums reikia naudoti Web Inspector įrankį. Jei nerandate aukščiau pateiktų veiksmų savo Mac, galite užrašyti paprastą kodą, kad aktyvintumėte Web Inspector. Štai kaip tai padaryti:

• Atidarykite Programos ir eikite į Paslaugų programos aplanką.
• Paslaugų programų viduje turėtumėte rasti Terminalą. Tai yra macOS kompiuterių komandinė eilutė.
• Dabar atidarykite Terminalą ir įveskite šią paprastą komandą:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

• Paleiskite Return, kad įvykdytumėte komandą.
• Dabar galite atidaryti tinklalapį Safari ir dešiniuoju pelės mygtuku spustelėti arba laikyti pelės mygtuką bet kurioje puslapio vietoje, kol pasirodys kontekstinis meniu.
• Ten spustelėkite Patikrinti elementą, kad peržiūrėtumėte pagrindinius CSS ir HTML kodus svetainėje.

Safari Web Inspector: Paskutiniai žodžiai

Taigi, tai yra metodai, kaip lengvai aktyvinti Web Inspector Safari. Galite sekti veiksmus patys ir pradėti kurti ar kurti turinį per kelias minutes. Jūs sužinojote metodus, kaip aktyvuoti Inspektoriaus elementą Safari tiek naujose, tiek senesnėse macOS versijose. Jei praleidau kokį nors metodą gauti ir naudoti Web Inspector, nedvejodami praneškite man palikdami komentarą žemiau.

Kitame žingsnyje geriausių kodavimo programų iPad.