01 sa 06
Pag-aktibo ug Paggamit sa Responsive Design Mode sa Safari 9
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
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
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
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
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
Gawas pa sa Responsive Design Mode, ang Safari 9's Develop menu adunay daghang laing mapuslanong mga kapilian_ nga pipila nga gilista sa ubos.
- Bukas nga Pahina Uban sa: Nagtugot kanimo sa pag-abli sa aktibong Web page sa bisan unsa nga lain nga browser nga karon naka-install sa imong Mac.
- User Agent: Ang pag- usab sa user agent maoy hinungdan sa mga Web server aron sa pag-ila sa imong browser ingon nga usa ka butang gawas sa Safari 9.
- Sumpaysumpaya ang Web Inspector: Ang Web Inspector sa Safari 9 nagpakita sa tanang mga kahinguhaan sa panid sa Web, nga naghatag sa abilidad sa pagbasa sa impormasyon sa CSS, sukatan sa DOM ug sa istruktura, ingon man sa iyang orihinal nga source code.
- Ipakita ang Sayop nga Console: Usa sa labing kaylap nga gigamit nga mga kapilian sa I-develop Menu, kini nga console nagpakita sa JavaScript ug XML nga mga kasaypanan ug mga pasidaan.
- Ipakita ang Tinubdan sa Pahina: Nagtugot kanimo sa paglantaw ug pagsiksik sa source code sa aktibong Web page.
- Ipakita ang Mga Gamit sa Pahina: Ang pagpilig niini nga opsyon nagpakita sa mga dokumento, mga script, CSS ug uban pang mga kapanguhaan gikan sa kasamtangan nga panid.
- Ipakita ang Snippet Editor: Naghatag sa abilidad sa pag-edit ug pagpatuman sa mga tipik sa code, sukwahi sa usa ka kompletong panid. Kini nga bahin mapuslanon kaayo gikan sa usa ka panglantaw sa pagsulay.
- Ipakita ang Extension Builder: Nagtugot kanimo sa pagtukod sa imong kaugalingon nga mga extension sa Safari pinaagi sa pagputos sa imong code sumala niana ug pagdugang sa metadata.
- Pagsugod Pagrekord sa Timeline: Nagrekord sa daghang mga butang lakip ang mga paghangyo sa network, pag-execute sa JavaScript, pagpahayag sa panid, ug uban pang mga panghitabo alang sa usa ka tagal nga gitakda sa user-tanan nga makita sa sulod sa WebKit Inspector.
- Gawas sa mga Cache: Ang pag-klik sa niini nga opsyon makawagtang sa tanan nga natipigan nga cache sulod sa Safari, dili lamang ang standard nga mga file sa cache sa website.
- Paglikay sa mga Cache: Kay ang cached disabled, ang mga kapanguhaan ma-download gikan sa usa ka website sa matag higayon nga ang paghangyo sa access gihimo nga sukwahi sa paggamit sa lokal nga cache.
- Tugoti ang JavaScript gikan sa Smart Search Field: Disabled by default alang sa security reasons, kini nga feature nagtugot kanimo sa pagsulod sa mga URL nga adunay javascript: sa address bar sa Safari.
- Pagtratar sa SHA-1 nga Sertipiko nga Insecure: Mubo alang sa Secure Hash Algorithm, ang SHA-1 hash function napamatud-an nga dili kaayo luwas kay sa orihinal nga hunahuna-busa ang pagdugang niini nga opsyon sa Safari 9.
Kaugalingon nga Pagbasa
Kon imong makita nga mapuslanon kini nga panudlo, siguroha nga susihon ang among uban nga Safari 9 walkthroughs.
- Unsaon sa Pagdumala sa mga Push Notifications sa Website
- Unsaon Pag-export sa usa ka Web Page ngadto sa usa ka PDF File
- Kon Unsaon Pag-configure ang Safari 9 Extension sa Awtomatikong Pag-update
- Unsaon Paggamit sa mga Pinched Sites nga Gipakita