01 no 06
Aktivizējiet un izmantojiet atbildes dizaina režīmu Safari 9
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 Web standartiem, 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.
Vispirms atveriet Safari pārlūku.
02 no 06
Safari preferences
Pārlūkprogrammas izvēlnē noklikšķiniet uz Safari , kas atrodas ekrāna augšdaļā. Kad parādās nolaižamā izvēlne, iepriekš norādītajā piemērā izvēlieties opciju Preferences (Preferences) .
Lūdzu, ņemiet vērā, ka iepriekšminētā izvēlnes elementa vietā varat izmantot šādu īsinājumtaustiņu: COMMAND + COMMA (,)
03 no 06
Parā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 Advanced ( Uzlabots), ko pārstāv 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, kuras nosaukums ir izvēlnes Parādīt izstrāde izvēlņu joslā un aprakstīta iepriekš minētajā piemērā. Noklikšķiniet uz izvēles rūtiņas vienreiz, lai aktivizētu šo izvēlni.
04 no 06
Ievadiet atbildes dizaina režīmu
Tagad jūsu Safari izvēlnē, kas atrodas ekrāna augšdaļā, ar nosaukumu Izstrādāt, tagad ir jābūt jaunajai opcijai. Noklikšķiniet uz šīs opcijas. Kad parādās nolaižamā izvēlne, izvēlieties Ievadiet reaģējošo dizaina režīmu _, kas aprakstīts augstāk minētajā piemērā.
Lūdzu, ņemiet vērā, ka iepriekšminētā izvēlnes elementa vietā varat izmantot šādu īsinājumtaustiņu: OPTION + COMMAND + R
05 no 06
Atbildīgs dizaina režīms
Tagad aktīvajai vietnei jābūt redzamai atbildes veidošanas režīmā, kā parādīts iepriekš minētajā 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.
06 no 06
Izveidot izvēlni: citas opcijas
Papildus reaģējošā dizaina režīmam Safari 9 izstrādes izvēlne piedāvā daudzas citas noderīgas iespējas, kuras 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.
- Connect Web Inspector: Safari 9 tīmekļa inspektors parāda visus Web lapas resursus, nodrošinot iespēju uzzinā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 Attīstīšanas izvēlnē šajā konsolē parāda JavaScript, HTML un XML kļūdas un brīdinājumus.
- Rādīt lappuses avotu: ļauj apskatīt un meklēt aktīvo Web lapas pirmkodu.
- Rādīt lapu resursus: šīs opcijas izvēle parāda dokumentus, skriptus, CSS un citus resursus no pašreizējās lapas.
- 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 jums izveidot savus Safari paplašinājumus, attiecīgi iepakojot savu kodu un pievienojot metadatus.
- Start Timeline Recording: ieraksta vairākus vienumus, tostarp tīkla pieprasījumus, JavaScript izpildi, lapas nobloķēšanu un citus notikumus lietotāja definētam periodam - visi, kas ir redzami 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 caching 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 ievadīt vietrāžus URL ar javascript: Safari adreses joslā.
- Apstrādāt 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.
Saistītie lasījumi
Ja uzskatāt, ka šī apmācība ir noderīga, noteikti izlasiet mūsu citus Safari 9 ielūgumus.
- Kā pārvaldīt vietnes spiediena paziņojumus
- Kā eksportēt Web lapu PDF failā
- Kā konfigurēt Safari 9 paplašinājumus, lai automātiski atjauninātu
- Kā izmantot funkciju Pinned Sites