Kif Tattiva u Uża Mod tad-Disinn Responsiv f'Sanari 9

01 ta '06

Attiva u Uża Mod tad-Disinn Responsiv f'Sanari 9

© Scott Orgera.

Peress li hija żviluppatur tal-Web fid-dinja tal-lum tfisser li ssostni ħafna ta 'apparati u pjattaformi, li kultant jista' jkun kompitu diffiċli. Anki bil-kodiċi l-iktar iddisinjat li jaderixxi mal-aħħar standards tal-Web, xorta tista 'ssib li partijiet tal-websajt tiegħek ma jistgħux jidhru jew jaġixxu bil-mod li tixtieqhom fuq ċerti apparati jew riżoluzzjonijiet. Meta niffaċċjaw l-isfida ta 'appoġġ għal firxa wiesgħa ta' xenarji bħal dawn, li jkollok l-għodod ta 'simulazzjoni t-tajba għad-dispożizzjoni tiegħek jista' jkun imprezzabbli.

Jekk int wieħed mill-ħafna programmaturi li juża Mac, l-għodda ta 'l-iżviluppatur ta' Safari dejjem waslet fil handy. Bir-rilaxx ta 'Safari 9 il-wisa' ta 'din il-funzjonalità kibret konsiderevolment, prinċipalment minħabba l-Modalità Disinn Responsiva_ li jippermettilek li tara kif is-sit tiegħek ser jirrendi f'riżoluzzjonijiet varji ta' l-iskrin kif ukoll fuq iPad, iPhone u iPod touch mibnija.

Dan id-dettalji ta 'tutorja jattivaw il-Modalità tad-Disinn Responsiv kif ukoll kif jużawha għall-ħtiġijiet ta' żvilupp tiegħek.

L-ewwel, ftakar il-browser Safari tiegħek.

02 ta '06

Preferenzi ta 'Safari

© Scott Orgera.

Ikklikkja fuq Safari fil-menu tal-browser, li tinsab fuq in-naħa ta 'fuq ta' l-iskrin. Meta jidher il-menu drop-down, agħżel l-għażla tal- Preferenzi_ ċirrika fl-eżempju ta 'hawn fuq.

Jekk jogħġbok innota li tista 'tutilizza l-buttuna shortcut li ġejja minflok l-oġġett tal-menu msemmi qabel: COMMAND + COMMA (,)

03 ta '06

Uri Żvilupp ta 'Menu

© Scott Orgera.

Id-djalogu ta 'Preferenzi ta' Safari issa għandu jintwera, billi jkopri t-tieqa tal-browser tiegħek. L-ewwel, ikklikkja fuq l - ikona Avvanzata_ rappreżentata b'tagħmir u li tinsab fir-rokna ta 'fuq tal-lemin tat-tieqa.

Il-Preferenzi Avvanzati tal-browser issa għandhom ikunu viżibbli. Fil-qiegħ hemm għażla flimkien ma 'kaxxa ta' kontroll, immarkata Show Develop menu fil-bar tal-menu u ċirrika fl-eżempju ta 'hawn fuq. Ikklikkja fuq il-checkbox darba biex tattiva dan il-menu.

04 ta '06

Daħħal Mod ta 'Disinn Responsiv

© Scott Orgera.

Għażla ġdida issa għandha tkun disponibbli fil-menu Safari tiegħek, li jinsab fuq in-naħa ta 'fuq ta' l-iskrin, ittikjati Develop . Ikklikkja fuq din l-għażla. Meta tidher il-menu drop-down, agħżel Ikteb il-Modalità ta 'Disinn Risponsiv _ ċirkonċiż fl-eżempju ta' hawn fuq.

Jekk jogħġbok innota li tista 'tutilizza l-buttuna shortcut li ġejja minflok l-oġġett tal-menu msemmi qabel: OPTION + COMMAND + R

05 ta '06

Mod ta 'Disinn Responsiv

© Scott Orgera.

Il-paġna tal-Web attiva issa għandha tintwera fil-Modalità tad-Disinn Responsiv, kif muri fl-eżempju ta 'hawn fuq. Billi tagħżel waħda mill-apparati tal-iOS elenkati bħalma hu l-iPhone 6, jew waħda mir-riżoluzzjonijiet tal-iskrin magħżula disponibbli bħal 800 x 600, tista 'minnufih tara kif il-paġna tirrendi fuq dak l-apparat jew f'dik ir-riżoluzzjoni tal-wirja.

Minbarra l-apparati u r-riżoluzzjonijiet murija, tista 'wkoll tordna lil Safari biex tissimula aġent ta' l-utent differenti - bħal wieħed minn browser differenti - billi tikklikkja fuq il-menu drop-down li jidher direttament fuq l-ikoni tar-riżoluzzjoni.

06 ta '06

Żviluppa Menu: Għażliet Oħra

© Scott Orgera.

Minbarra l-Modalità tad-Disinn Responsive, il-menu Żvilupp ta 'Safari 9 joffri ħafna għażliet utli oħra_ xi wħud li huma elenkati hawn taħt.

Qari Relatat

Jekk issib dan it-tutorial utli, kun żgur li tiċċekkja l-proċeduri l-oħra tagħna ta 'Safari 9.