Unsaon Pag-activate ug Paggamit sa Responsive Design Mode sa Safari 9

01 sa 06

Pag-aktibo ug Paggamit sa Responsive Design Mode sa Safari 9

© Scott Orgera.

Ang pagkahimong Web developer sa kalibotan karon nagpasabot sa pagpaluyo sa mga lalang ug mga plataporma, nga usahay mapamatud-an nga usa ka makahahadlok nga buluhaton. Bisan sa labing maayo nga gidesinyo nga code nga nagsunod sa pinakabag-o nga mga sumbanan sa Web, mahimo pa nimo makita nga ang mga bahin sa imong website dili mahimong tan-awon o lihok sa paagi nga gusto nimo niini sa pipila ka mga device o resolusyon. Sa diha nga nag-atubang sa hagit sa pagsuporta sa daghan kaayong mga sitwasyon, ang pagbaton sa husto nga mga himan sa simulasyon nga imong mahimo mahimong bililhon kaayo.

Kon ikaw usa sa daghang mga programmer nga naggamit sa Mac, ang tool sa nag-develop sa Safari kanunay nga gigamit. Uban sa pagpagawas sa Safari 9 ang gilapdon niining functionality gipalapdan pag-ayo, nag-una tungod sa Responsive Design Mode_ nga nagtugot kanimo sa pagtan-aw unsaon paghatag ang imong site sa nagkalain-laing mga resolusyon sa screen ingon man usab sa lain-laing iPad, iPhone ug iPod touch builds.

Kini nga panudlo maghisgot kon unsaon pag-activate sa Responsive Design Mode ingon man kung unsaon paggamit niini alang sa imong panginahanglan sa pagpauswag.

Una, ablihi ang imong Safari browser.

02 sa 06

Mga Paggamit sa Safari

© Scott Orgera.

I-klik ang Safari sa menu sa browser, nga anaa sa ibabaw sa screen. Sa diha nga makita ang drop-down menu, pilia ang opsiyon sa Preferences_ circled sa panig-ingnan sa ibabaw.

Palihug timan-i nga mahimo nimong gamiton ang mosunod nga shortcut sa keyboard ilis sa nahisgutang menu item: COMMAND + COMMA (,)

03 of 06

Ipakita ang Pagpalambo sa Menu

© Scott Orgera.

Ang dialog sa Pagpangita sa Safari kinahanglan nga ipakita karon, nga mag-overlay sa window sa imong browser. Una, i-klik ang Advanced icon_ nga girepresentahan sa usa ka himan ug nahimutang sa ibabaw nga tuo nga kilid sa bintana.

Ang Advanced Preferences sa browser kinahanglan nga makita karon. Sa ubos usa ka opsyon nga giubanan sa usa ka checkbox, nga giila nga Show Develop menu diha sa menu bar ug gilibutan sa panig-ingnan sa ibabaw. I-klik ang checkbox sa makausa aron sa pagpaaktibo niini nga menu.

04 sa 06

Pagsulod sa Responsive Design Mode

© Scott Orgera.

Ang usa ka bag-ong kapilian kinahanglan nga magamit na karon sa imong Safari menu, nga nahimutang sa ibabaw sa screen, nga gi-label nga Develop . I-klik kini nga kapilian. Sa diha nga makita ang drop-down menu, pilia ang Enter Responsive Design Mode _ nga gilibot sa panig-ingnan sa ibabaw.

Palihug hinumdumi nga mahimo nimong gamiton ang mosunod nga shortcut sa keyboard ilis sa nahisgutang menu item: OPTION + COMMAND + R

05 of 06

Responsive Design Mode

© Scott Orgera.

Ang aktibong Web page kinahanglan ipakita karon sa Responsive Design Mode, ingon sa gipakita sa panig-ingnan sa ibabaw. Pinaagi sa pagpili sa usa sa mga iOS devices nga gilista sama sa iPhone 6, o usa sa gitakda nga resolusyon sa screen nga anaa sama sa 800 x 600, mahimo nimo gilantaw gilayon kon unsaon paghatag ang pahina sa device o sa resolusyon sa display.

Gawas pa sa mga lalang ug mga resolusyon nga gipakita, mahimo usab nimo itudlo ang Safari sa pagsundog sa usa ka lainlaing ahente sa tiggamit - sama sa usa gikan sa lain-laing browser - pinaagi sa pag-klik sa drop-down menu nga gipakita sa ibabaw sa resolusyon nga mga icon.

06 of 06

Pagpalambo sa Menu: Uban nga mga Pagpili

© Scott Orgera.

Gawas pa sa Responsive Design Mode, ang Safari 9's Develop menu adunay daghang laing mapuslanong mga kapilian_ nga pipila nga gilista sa ubos.

Kaugalingon nga Pagbasa

Kon imong makita nga mapuslanon kini nga panudlo, siguroha nga susihon ang among uban nga Safari 9 walkthroughs.