MacOS: Iespējot tīmekļa inspektoru Safari

Ja vēlaties skatīt tīmekļa lapas avota kodu Apple Safari macOS Sierra, jums jāsāk ar Safari tīmekļa inspektora rīka aktivizēšanu, izmantojot šādas metodes.

Tīmekļa pārlūku izstrādātāji, piemēram, Apple, Google uc, piedāvā iebūvētu rīku, lai skatītu pamatkodus. Izstrādātāji galvenokārt izmanto šo rīku, lai atkļūdotu un vizualizētu izmaiņas, kas veiktas dzīvē tīmekļa vietnē, netraucējot faktiskajam kodam serverī. Tomēr šis rīks tagad ir kļuvis populārs starp saturu veidotājiem un tehnoloģiju prasmīgajiem interneta lietotājiem, kuri vēlas rediģēt dzīvu tīmekļa vietni personiskām vai profesionālām vajadzībām. Ja esat viens no viņiem, izlasiet rakstu līdz beigām, lai uzzinātu visu par Safari tīmekļa inspektoru un kā apskatīt elementus.

Saturā

• 1 Kas ir Safari tīmekļa inspektors?
• 2 Kā aktivizēt Safari tīmekļa inspektoru Safari 10 un augstāk?
• 3 Kā izmantot Safari tīmekļa inspektoru macOS?
• 4 Kā atvērt Safari tīmekļa inspektoru vecākās macOS versijās
  • 4.1 Safari tīmekļa inspektors: noslēguma vārdi

Kas ir Safari tīmekļa inspektors?

Tīmekļa inspektors ir daļa no izstrādes rīku komplekta, ko Apple piedāvā tīmekļa un lietotņu izstrādātājiem visā pasaulē. Rīks ir pieejams gan macOS, gan iOS ierīcēm. Izstrādātāji var bez piepūles modificēt, optimizēt un atkļūdot tīmekļa vietnes, lai sasniegtu maksimālu veiktspēju saviem tiešsaistes īpašumiem.

Tīmekļa inspektora rīks Safari apvieno lielāko daļu tīmekļa vietņu resursu vienā integrētā saskarnē. Rīks arī atdala resursus un to parametrus veltītajos cilnēs, lai jūs nepārblīvotu ar tik daudziem kodiem un opcijām. Tīmekļa inspektors arī sniedz jums laika līnijas skatījumu par tīmekļa vietnes atmiņu, lai jūs varētu viegli atkļūdot atmiņu. Turklāt, būdams izstrādātājs, jūs varat pielāgot un optimizēt vairāk nekā 150 populāru CSS īpašību, kas jums nepieciešamas funkcionālas tīmekļa vietnes izstrādē.

Tīmekļa inspektora rīkā ir pieejamas šādas cilnes tīmekļa resursiem:

• Elementi
• Konsole
• Avoti
• Tīkla
• Laika līnijas
• Krātuve
• Grafika
• Slāņi
• Audits

Kā aktivizēt Safari tīmekļa inspektoru Safari 10 un augstāk?

Pa noklusējumu Apple Mac izslēdz tīmekļa inspektoru Safari. Tas ir izveidots, lai novērstu nevajadzīgu haosu tīmekļa pārlūka lietotāja saskarnē (UI). Tomēr, ja esat izstrādātājs, satura veidotājs vai ekspertu Mac lietotājs, jūs varat vēlēties aktivizēt šo funkciju, veicot šādas darbības:

• Atveriet Safari lietotni savā MacBook vai iMac.
• Pārliecinieties, ka esat noklikšķinājis uz pārlūka, lai iegūtu Safari ikonu Mac rīkjoslā.

• Noklikšķiniet uz Safari augšējā kreisajā stūrī un izvēlieties Preferences.
• Alternatīvi, varat izmantot karsto taustiņu Command + ,, lai parādītu Preferences izvēlni.
• Esot Preferences izvēlnē, jums jāatrodas General cilnē.

• Navigējiet uz Advanced cilni.
• Pareizajā apakšā jums jāredz rūtiņa Show Develop menu in menu bar. Atzīmējiet šo rūtiņu.

• Tagad Safari izstrādes izvēlne parādīsies Mac rīkjoslā.

Šādi jūs varat aktivizēt tīmekļa inspektora funkciju savā Mac pārlūkā Safari. Soli ir līdzīgi jaunākajai macOS versijai Ventura un iepriekšējām, piemēram, Monterey, Big Sur, Catalina uc, līdz Jaguar.

Lasiet arī: Html 4.01

Faktiski, jūs uzzinājāt, kā iegūt tīmekļa inspektora funkciju Mac Safari lietotnē. Uzziniet, kā to izmantot Safari, lai pārbaudītu dzīvas tīmekļa vietnes:

Kā izmantot Safari tīmekļa inspektoru macOS?

Šeit ir soļi, lai izsauktu tīmekļa inspektora rīku tīmekļa izstrādei, satura veidošanai vai citiem mērķiem. Šajā rakstā es parādīšu soļus, izmantojot macOS Monterey operētājsistēmu. Tomēr soļi ir diezgan līdzīgi no macOS Jaguar līdz Venture.

• Atveriet Safari un apmeklējiet jebkuru tīmekļa vietni, kuru vēlaties pārbaudīt.
• Ir divi veidi, kā pārbaudīt tīmekļa vietnes pamatHTML/CSS kodus vai veikt izmaiņas, izmantojot Apple izstrādātāju rīku tīmekļa inspektoru. Tie ir:
  • Izstrāde > Rādīt tīmekļa inspektoru.
  • Noklikšķiniet ar labo peles taustiņu > Pārbaudīt elementu.
• Lai izmantotu pirmo variantu, dodieties uz Mac rīkjoslu Safari pārlūkā un noklikšķiniet uz Izstrādes izvēlnes.

• Izceltajā konteksta izvēlnē noklikšķiniet uz Rādīt tīmekļa inspektoru. Šīs darbības karstais taustiņš ir Option + Command + I.

• Šādi atvērsies tīmekļa inspektora rīks pārlūka apakšējā daļā. Kodu, ko redzat, ir visas URL vai tīmekļa lapas, ko apmeklējāt.
• Ja vēlaties vizualizēt pamatkodu konkrētam elementam tīmekļa lapā, neizglobojot kodu visai tīmekļa lapai, atlasiet elementu, kuru vēlaties pārbaudīt.

• Noklikšķiniet ar labo peles taustiņu un izvēlieties Pārbaudīt elementu konteksta izvēlnē, kas atveras.
• Tīmekļa inspektors Safari tiks atvērts.

• Bet šoreiz Safari jūs tieši aizvedīs uz pamata HTML vai CSS kodu, kuru jūs auditat.
• Šajā rīkā jūs saņemat tīmekļa lapas elementa HTML un CSS kodus, kuru pārbaudāt.

Lasiet arī: Technipages izskaidro CSS

Kā atvērt Safari tīmekļa inspektoru vecākās macOS versijās

Pieņemsim, ka jūs esat uz Mac, kas ir vecāks par Jaguar, un jums ir nepieciešams izmantot tīmekļa inspektora rīku. Ja jūs neatradāt iepriekš minētos soļus šajā Mac, varat izpildīt vienkāršu kodu, lai aktivizētu tīmekļa inspektoru. Lūk, kā to izdarīt:

• Atveriet Applications un dodieties uz Utilities mapi.
• Utilities iekšienē jāatrodas Terminal. Tas ir macOS datoru komandu uzvednes rīks.
• Tagad atveriet Terminal komandu rindiņas saskarni un ierakstiet sekojošo vienkāršo komandu:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

• Nospiest Return, lai izpildītu komandu.
• Tagad varat atvērt tīmekļa lapu Safari un ar labo peles taustiņu noklikšķināt vai turēt nospiestu peles taustiņu jebkurā vietā lapā, līdz tiek parādīta konteksta izvēlne.
• Tur noklikšķiniet uz Pārbaudīt elementu opcijas, lai skatītu tīmekļa vietnes pamatCSS un HTML kodus.

Safari tīmekļa inspektors: noslēguma vārdi

Šie ir paņēmieni, kā bez piepūles aktivizēt tīmekļa inspektoru Safari. Jūs varat sekot soļiem paši un sākt izstrādāt vai veidot saturu dažu minūšu laikā. Jūs uzzinājāt metodes, kā aktivizēt Pārbaudīt elementu Safari gan jaunām, gan vecām macOS versijām. Ja esmu nokavējusi kādu metodi, lai iegūtu un izmantotu tīmekļa inspektoru, droši ļaujiet man to zināt, atstājot komentāru zemāk.

Nākamais ir labākās kodēšanas lietotnes iPad.