Ang pagiging isang web developer sa mundo ngayon ay nangangahulugan ng pagsuporta sa isang bevy ng mga aparato at mga platform, na kung minsan ay maaaring maging isang nakakatakot na gawain. Kahit na ang pinaka-mahusay na dinisenyo code adhering sa pinakabagong mga pamantayan ng web, maaari mo pa ring makita na ang mga bahagi ng iyong website ay maaaring hindi tumingin o kumilos ang paraan na gusto mo ang mga ito sa ilang mga device o resolution. Kapag nahaharap sa hamon ng pagsuporta sa ganitong malawak na hanay ng mga sitwasyon, ang pagkakaroon ng tamang mga tool ng kunwa sa iyong pagtatapon ay maaaring maging napakahalaga.
Kung ikaw ay isa sa maraming mga programmers na gumagamit ng Mac, ang toolset ng developer ng Safari ay laging nakahanda. Sa paglabas ng Safari 9 ang lawak ng pag-andar na ito ay malaki ang pinalawak, higit sa lahat dahil sa Responsive Design Mode, na nagbibigay-daan sa iyo upang i-preview kung paano magre-render ang iyong site sa iba't ibang mga resolution ng screen pati na rin sa iba't ibang iPad, iPhone at iPod touch build.
Ang mga detalye ng tutorial kung paano i-activate ang tumutugon Disenyo Mode pati na rin kung paano gamitin ito para sa iyong mga pangangailangan sa pag-unlad.
Mga Kagustuhan sa Safari
Una, buksan ang iyong Safari browser.
Mag-click sa Safari sa menu ng browser, na matatagpuan sa tuktok ng screen. Kapag lumilitaw ang drop-down na menu, piliin ang Kagustuhan Ang pagpipilian ay naka-circled sa halimbawa na ipinapakita.
Tandaan: Maaari mong gamitin ang sumusunod na shortcut sa keyboard bilang kapalit ng item na nabanggit sa itaas: COMMAND + COMMA (,)
02 ng 05Ipakita ang Bumuo ng Menu
Ang dialog na Mga Pagpipilian sa Safari ay dapat na ngayong maipakita, overlaying ang iyong browser window. Una, mag-click sa Advanced icon na kinakatawan ng isang gear at matatagpuan sa itaas na kanang sulok ng window.
Dapat na nakikita ang Mga Advanced na Kagustuhan ng browser. Sa ibaba ay isang opsiyon na sinamahan ng isang checkbox, na may label na Ipakita ang Bumuo ng menu sa menu bar at circled sa halimbawa sa itaas. Mag-click sa checkbox nang isang beses upang buhayin ang menu na ito.
03 ng 05Ilagay ang tumutugon Disenyo Mode
Ang isang bagong pagpipilian ay dapat na magagamit sa iyong menu ng Safari, na matatagpuan sa tuktok ng screen, na may label na Paunlarin. Mag-click sa pagpipiliang ito.
Kapag lumilitaw ang drop-down na menu, piliin ang Ilagay ang tumutugon Disenyo Modecircled sa halimbawa na ipinapakita.
Tandaan: Maaari mong gamitin ang sumusunod na shortcut sa keyboard bilang kapalit ng item na nabanggit sa itaas:OPTION + COMMAND + R
04 ng 05Nakikiramay Disenyo Mode
Ang aktibong web page ay dapat na ipapakita na ngayon sa Responsive Design Mode, tulad ng ipinapakita sa halimbawa sa itaas. Sa pamamagitan ng pagpili ng isa sa mga aparatong iOS na nakalista tulad ng iPhone 6, o isa sa mga itinalagang resolution ng screen na magagamit tulad ng 800 x 600, maaari mong agad na tingnan kung paano magre-render ang pahina sa device na iyon o sa resolution ng display na iyon.
Bilang karagdagan sa mga device at resolution na ipinapakita, maaari mo ring turuan ang Safari upang gayahin ang ibang ahente ng user - tulad ng isa mula sa ibang browser - sa pamamagitan ng pag-click sa drop-down na menu na ipinakita nang direkta sa itaas ng mga icon ng resolution.
05 ng 05Paunlarin ang Menu: Iba pang Mga Pagpipilian
Bilang karagdagan sa Responsive Design Mode, ang menu ng Develop Safari 9 ay nag-aalok ng maraming iba pang kapaki-pakinabang na pagpipilian, ang ilan sa mga ito ay nakalista sa ibaba.
- Buksan ang Pahina Gamit ang: Pinapayagan kang buksan ang aktibong web page sa anumang iba pang browser na kasalukuyang naka-install sa iyong Mac.
- Agent ng User: Ang pagpapalit ng ahente ng gumagamit ay nagiging sanhi ng mga server ng Web upang makilala ang iyong browser bilang isang bagay maliban sa Safari 9.
- Ikonekta ang Web Inspector: Ipinapakita ng Web Inspector ng Safari 9 ang lahat ng mga mapagkukunan ng webpage, na nagbibigay ng kakayahang bumasang mabuti ang impormasyon ng CSS, mga sukatan ng DOM, at istraktura, gayundin ang katutubong code ng pinagmulan nito.
- Ipakita ang Error Console: Isa sa mga pinakalawak na pagpipilian sa Pag-develop ng Menu, ang console na ito ay nagpapakita ng mga error ng JavaScript, HTML at XML at mga babala.
- Ipakita ang Pinagmulang Pahina: Pinapayagan kang tingnan at hanapin ang source code ng aktibong Web page.
- Ipakita ang Mga Mapagkukunan ng Pahina: Ang pagpili ng pagpipiliang ito ay nagpapakita ng mga dokumento, mga script, CSS at iba pang mga mapagkukunan mula sa kasalukuyang pahina.
- Ipakita ang Snippet Editor: Nagbibigay ng kakayahang i-edit at maisagawa ang mga fragment ng code, kumpara sa isang kumpletong pahina. Ang tampok na ito ay lubhang kapaki-pakinabang mula sa isang pananaw sa pagsubok.
- Ipakita ang Tagabuo ng Extension: Pinapayagan kang bumuo ng iyong sariling mga extension ng Safari sa pamamagitan ng pagpoproseso ng iyong code nang naaayon at pagdagdag ng metadata.
- Simulang Pag-record ng Timeline: Ang mga rekord ng isang bilang ng mga item kabilang ang mga kahilingan sa network, pagpapatupad ng JavaScript, pag-render ng pahina, at iba pang mga kaganapan para sa isang tinukoy ng gumagamit na panahon na maaaring makita sa loob ng WebKit Inspector.
- Mga Empty Cache: Ang pag-click sa pagpipiliang ito ay nagtatanggal ng lahat ng naka-imbak na cache sa loob ng Safari, hindi lamang ang karaniwang mga file ng cache ng website.
- Huwag Paganahin ang Mga Cache: Sa pag-disable ng pag-cache, ang mga mapagkukunan ay nai-download mula sa isang website tuwing may kahilingan sa pag-access ay ginawa kumpara sa paggamit ng lokal na cache.
- Pahintulutan ang JavaScript mula sa Smart Search Field: Hindi pinagana bilang default para sa mga kadahilanang pang-seguridad, pinapayagan ka ng tampok na ito na ipasok mo ang mga URL na naglalaman ng JavaScript sa address bar ng Safari.
- Tratuhin ang SHA-1 Certificate bilang Hindi Naniniwala: Maikling para sa Secure Hash Algorithm, ang SHA-1 hash function ay napatunayang hindi gaanong secure kaysa sa orihinal na naisip, kaya ang pagdaragdag ng opsyon na ito sa Safari 9.
