Kuidas aktiveerida ja kasutada Safari 9 Responsible Design Mode

01 06

Aktiveerige ja kasutage funktsionaalset disaini režiimi Safari 9-s

© Scott Orgera.

Tänapäeva maailmas veebiarendajaks on seadmete ja platvormide loomise toetamine, mis mõnikord võib osutuda hirmutavaks ülesandeks. Isegi kõige paremini kujundatud koodiga, mis järgib uusimaid veebistandardeid, võite ikkagi leida, et teie veebisaidi osad ei pruugi teatud seadmetel või resolutsioonidel otsida või toimida nii, nagu te neid soovite. Kui silmitsi seista silmitsi sellise hulga erinevate stsenaariumide leidmisega, on teie käsutuses olevate õigete simulatsioonivahendite kasutamine hindamatu.

Kui olete üks paljudest programmeerijatest, kes kasutavad Maci, on Safari arendaja tööriistakomplekt alati olnud kasulik. Safari 9 vabastamisega on selle funktsionaalsuse laius märkimisväärselt laienenud, peamiselt tänu vastupidise disaini režiimile _, mis võimaldab teil eelvaadelda, kuidas teie sait kuvatakse erinevatel ekraanipiltidel, samuti erinevatel iPadis, iPhone'il ja iPod touch'il.

Selles juhendis selgitatakse, kuidas aktiveerida reageerimisvõimalusi disaini režiimis ja kuidas seda oma arenguvajaduste jaoks kasutada.

Esmalt avage Safari brauser.

02 06

Safari eelistused

© Scott Orgera.

Klõpsake brauseri menüüs Safari brauseri menüüs, mis asub ekraani ülaosas. Kui ilmub rippmenüü, valige ülaltoodud näites valik " Eelistused" .

Pidage meeles, et eelmise menüüelemendi asemel saate kasutada järgmist kiirklahvi: COMMAND + COMMA (,)

03 alates 06

Näita arenda menüüd

© Scott Orgera.

Safari eelistuste dialoogi peaks nüüd kuvama, teie brauseri akna ülekate. Kõigepealt klõpsake akna ülemises parempoolses nurgas asuvat täpsemat nuppu, mida esindab hammasratas.

Brauseri täpsemad eelistused peaksid nüüd olema nähtavad. Allosas on valik, millele on lisatud märkeruut, mille menüüribal on käsk Näita menüüd ja kuvatakse ülalolevas näites. Selle menüü aktiveerimiseks klõpsake ühe korraga.

04 06

Sisestage reageeriv disainirežiim

© Scott Orgera.

Teie Safari menüüst, mis asub ekraani ülaosas ja mille pealkirjaks on väljatöötamine, peaks nüüd olema uus valik. Klõpsake seda võimalust. Kui ilmub rippmenüü, valige ülaltoodud näites ümardatud reavahendi režiimi tekst .

Pidage meeles, et eelmise menüükirje asemel saate kasutada järgmist kiirklahvi: OPTION + COMMAND + R

05 06

Vastupidav disainirežiim

© Scott Orgera.

Aktiivne veebileht tuleks nüüd kuvada reageerimisrežiimis, nagu on näidatud ülaltoodud näites. Kui valite mõne iOS-i seadme, näiteks iPhone 6 või mõne ekraanil oleva määratud ekraani resolutsiooni (nt 800 x 600), saate kohe näha, kuidas leht selle seadme või selle ekraani eraldusvõimega kuvatakse.

Lisaks kuvatavatele seadmetele ja resolutsioonidele saate ka juhendada Safari, et simuleerida erinevat kasutajaagenti (nt üks teisest brauserist), klõpsates resolutsioonikoonide otseülespool kuvataval rippmenüül.

06 06

Arendage menüü: Muud valikud

© Scott Orgera.

Lisaks vastupidise disaini režiimile pakub Safari 9 välja töötamise menüü mitmeid teisi kasulikke võimalusi, mis on loetletud allpool.

Seotud lugemine

Kui leiate, et see juhendaja on kasulik, vaadake kindlasti meie muud Safari 9 käsiraamatud.