Mūsdienu pasaules tīmekļa izstrādātājs ir tādu ierīču un platformu atbalsts, kas reizēm var izrādīties grūts uzdevums. Pat ar vislabāk izstrādāto kodu, kas atbilst jaunākajiem tīmekļa standartiem, jūs joprojām varat atrast, ka jūsu vietnes daļas, iespējams, neizskatās vai nedarbosies tā, kā jūs vēlaties, uz noteiktām ierīcēm vai risinājumiem. Saskaroties ar problēmu atbalstīt tik daudzus scenārijus, jūsu rīcībā esošie pareizie simulācijas rīki var būt nenovērtējami.
Ja esat viens no daudzajiem programmētājiem, kas izmanto Mac datoru, Safari izstrādātāju rīku komplekts vienmēr ir noderīgs. Ar Safari 9 atbrīvošanu šīs funkcionalitātes plašums ir ievērojami paplašinājies, galvenokārt pateicoties funkcijai Responsive Design Mode, kas ļauj jums priekšskatīt, kā jūsu vietne tiks attēlota dažādās ekrāna izšķirtspējās, kā arī citos iPad, iPhone un iPod touch veidos.
Šī apmācība sīkāk, kā aktivizēt atbildes dizaina režīmu, kā arī to, kā to izmantot jūsu attīstības vajadzībām.
Safari preferences
Vispirms atveriet Safari pārlūku.
Klikšķiniet uz Safari pārlūka izvēlnē, kas atrodas ekrāna augšdaļā. Kad parādās nolaižamā izvēlne, atlasiet Preferences Parādītajā piemērā apzīmēts variants.
Piezīme: Iepriekšminētā izvēlnes elementa vietā varat izmantot šādu īsinājumtaustiņu: COMMAND + COMMA (,)
02 no 05Parādīt izstrādes izvēlni
Tagad Safari dialoglodziņā Preferences ir jāparādās, pārklājot pārlūkprogrammas logu. Vispirms noklikšķiniet uz Progresīvs ikona, kuru attēlo zvejas rīks un kas atrodas loga augšējā labajā stūrī.
Pārlūkprogrammas Advanced Preferences tagad ir redzamas. Apakšā ir opcija, kurai pievienota izvēles rūtiņa ar marķējumu Parādīt izvēlnes joslā izvēlni Izstrādāt un aprakstīts iepriekš minētajā piemērā. Noklikšķiniet uz izvēles rūtiņas vienreiz, lai aktivizētu šo izvēlni.
03 no 05Ievadiet atbildes dizaina režīmu
Tagad jūsu Safari izvēlnē, kas atrodas ekrāna augšdaļā, ar marķējumu ir jābūt pieejamai jaunajai opcijai Izstrādāt. Noklikšķiniet uz šīs opcijas.
Kad parādās nolaižamā izvēlne, atlasiet Ievadiet atbildes dizaina režīmuaplūkoti parādītajā piemērā.
Piezīme: Iepriekšminētā izvēlnes elementa vietā varat izmantot šādu īsinājumtaustiņu:OPTION + COMMAND + R
04 no 05Atbildīgs dizaina režīms
Tagad aktīvajai lapai ir jābūt redzamai atbildes veidošanas režīmā, kā parādīts iepriekš redzamajā piemērā. Atlasot kādu no iOS ierīcēm, piemēram, iPhone 6 vai kādu no norādītajām ekrāna izšķirtspējām, piemēram, 800 x 600, varat tūlīt apskatīt, kā šī lapa tiks attēlota šajā ierīcē vai ekrāna izšķirtspējā.
Papildus attēlotajām ierīcēm un izšķirtspējām varat arī norādīt Safari, lai simulētu citu lietotāja aģentu, piemēram, vienu no cita pārlūkprogramma, noklikšķinot uz nolaižamās izvēlnes, kas ir redzama tieši virs izšķirtspējas ikonām.
05 no 05Izveidot izvēlni: citas opcijas
Papildus reaģējošā dizaina režīmam Safari 9 izstrādāšanas izvēlnē ir pieejamas daudzas citas noderīgas iespējas, no kurām dažas ir uzskaitītas zemāk.
- Atvērt lapu ar: Ļauj atvērt aktīvo Web lapu citā pārlūkā, kas pašlaik ir instalēts jūsu Mac datorā.
- Lietotāja aģents: Lietotāja aģenta nomainīšana liek Web serveriem identificēt jūsu pārlūku kā kaut ko citu, nevis Safari 9.
- Savienojiet Web inspektoru: Safari 9 tīmekļa inspektors parāda visus tīmekļa resursus, nodrošinot iespēju izpētīt CSS informāciju, DOM metriku un struktūru, kā arī tā vietējo pirmkodu.
- Rādīt kļūdas konsoli: Viena no visbiežāk izmantotajām opcijām Izstrādes izvēlnē šajā konsolē parāda JavaScript, HTML un XML kļūdas un brīdinājumus.
- Rādīt lapas avotu: Ļauj apskatīt un meklēt aktīvā Web lapas avota kodu.
- Rādīt lapu resursus: Izvēloties šo opciju, tiek parādīti pašreizējās lapas dokumenti, skripti, CSS un citi resursi.
- Rādīt fragmenta redaktoru: Nodrošina iespēju rediģēt un izpildīt koda fragmentus, nevis pilnīgu lapu. Šī funkcija ir ļoti noderīga testēšanas perspektīvā.
- Rādīt paplašinājumu veidotāju: Ļauj veidot savus Safari paplašinājumus, attiecīgi iepakojot savu kodu un pievienojot metadatus.
- Sākt laika skalas ierakstu: Ieraksta vairākus vienumus, tostarp tīkla pieprasījumus, JavaScript izpildi, lapas atveidošanu un citus notikumus lietotāja definētajā periodā, un tos var skatīt WebKit inspektorā.
- Tukši kešatmiņas: Noklikšķinot uz šīs opcijas, Safari tiek izdzēsta visa saglabātā kešatmiņa, nevis tikai standarta tīmekļa kešatmiņas faili.
- Atspējot kešatmiņas: Ja kešatmiņa ir atspējota, resursi tiek lejupielādēti no vietnes ikreiz, kad tiek veikts piekļuves pieprasījums, nevis vietējās kešatmiņas izmantošanai.
- Atļaut JavaScript no viedās meklēšanas lauka: Drošības apsvērumu dēļ pēc noklusējuma ir atspējota šī funkcija ļauj Safari adreses joslā ievadīt URL, kuros ir JavaScript.
- Apskatiet SHA-1 sertifikātus kā nedrošus: Īsumā par Secure Hash algoritmu ir pierādīts, ka SHA-1 hash funkcija ir mazāk droša nekā sākotnēji domāja, tādēļ šī opcija ir pievienota Safari 9 versijā.
