01 saka 06
Aktifake lan Gunakake Mode Desain Responsif ing Safari 9
Dadi pangembang web ing donya saiki tegese ndhukung piranti lan platform, sing kadhangkala bisa mbuktekaken dadi tugas sing wedi. Malah karo kode sing paling dirancang kanthi adhedhasar standar Web paling anyar, sampeyan isih bisa nemokake yen bagian saka situs web sampeyan ora bisa katon utawa tumindak kanthi cara sampeyan pengin ing piranti utawa resolusi. Nalika ngadhepi tantangan ndhukung macem-macem skenario kaya, gadhah alat simulasi sing tepat ing pembuangan sampeyan bisa ora pantes.
Yen salah siji saka akeh programer sing nggunakake Mac, alat pangembang Safari tansah siap. Kanthi rilis Safari 9 babagan fungsi iki wis ditambahi luwih gedhe, utamane amarga Response Design Mode_ sing ngidini sampeyan pratinjau carane situs sampeyan bakal nerjemahake ing macem-macem resolusi layar uga beda iPad, iPhone lan iPod mbangun.
Rincian tutorial iki carane ngaktifake Mode Desain Responsif uga cara nggunakke kanggo kabutuhan pembangunan.
Pisanan, mbukak browser Safari sampeyan.
02 saka 06
Preferensi Safari
Klik ing Safari ing menu browser, sing ana ing sisih ndhuwur layar. Nalika menu gulung mudhun, pilih opsi Preferensi_ digulung ing conto ing ndhuwur.
Elinga, sampeyan bisa nggunakake trabasan tombol ing ngisor iki kanggo ngganti item menu kasebut: COMMAND + COMMA (,)
03 saka 06
Tampilake Mbangun Menu
Dialog Preferences Safari saiki kudu ditampilake, overlaying jendhela browser. Pisanan, klik ing Advanced icon_ diwakili dening gear lan dumunung ing sudhut tengen ndhuwur jendhela.
Preferensi Lanjut browser saiki bakal katon. Ing ngisor iki pilihan sing diiringi karo kothak, diwenehi label Show Show in menu bar lan diilarke ing conto ing ndhuwur. Klik ing kothak centhang kanggo ngaktifake menu iki.
04 saka 06
Ketik Mode Desain Responsif
Opsi anyar saiki kudu kasedhiya ing menu Safari, sing ana ing sisih ndhuwur layar, diwenehi Berkembang . Klik ing pilihan iki. Nalika menu gulung mudhun, pilih Ketik Mode Desain Responsif _ diisi ing conto ing ndhuwur.
Elinga, sampeyan bisa nggunakake trabasan tombol ing ngisor iki kanggo ngganti item menu kasebut: OPTION + COMMAND + R
05 saka 06
Mode Desain Responsif
Kaca Web aktif saiki kudu ditampilake ing Mode Desain Responsif, kaya sing ditampilake ing conto ing ndhuwur. Kanthi milih salah siji saka piranti iOS kadhaptar minangka iPhone 6, utawa salah sijine resolusi layar sing ditemtokake kaya 800 x 600, sampeyan bisa langsung ndeleng carane kaca bakal nampilake piranti kasebut utawa ing resolusi tampilan kasebut.
Saliyane piranti lan resolusi sing dituduhake, sampeyan uga bisa nguripake Safari kanggo nyimulasikake agen panganggo sing beda-beda - kayata saka browser sing beda - kanthi ngeklik menu tarik-mudhun sing dituduhake ing ndhuwur lambang resolusi.
06 saka 06
Berkembang Menu: Pilihan liyane
Saliyane Desain Desain Responsif, menu Safari 9's Develop nawakake akeh opsi migunani liyane_ sawetara sing disenaraiyakake ing ngisor iki.
- Bukak Page Kanthi: Ngijini sampeyan mbukak kaca Web aktif ing browser liyane sing saiki diinstal ing Mac.
- Agen Panganggo: Ganti agen panganggo sing nyebabake server Web kanggo ngenali browser sampeyan minangka soko liyane saka Safari 9.
- Sambungake Web Inspector: Inspektor Web Safari 9 nampilake kabeh sumber halaman web, nyedhiyakake kemampuan kanggo maca informasi CSS, metrik lan struktur DOM, lan uga sumber kode sumbere.
- Nuduhake Kesalahan Console: Salah siji opsi sing paling akeh digunakake ing Develop Menu, console iki nuduhake kasalahan JavaScript, HTML lan XML.
- Tampilake Sumber Kaca: Ngidini sampeyan ndeleng lan nelusur kode sumber kaca web aktif.
- Tampilake Page Resources: Milih opsi iki nampilake dokumen, skrip, CSS lan sumber daya liyane saka kaca saiki.
- Tampilake Snippet Editor: Nyedhiyakake kemampuan kanggo ngowahi lan nglakokna pecahan kodhe, mbandingake kaca sing lengkap. Fitur iki banget migunani saka perspektif testing.
- Tampilake Extension Builder: Ngidini sampeyan mbangun ekstensi Safari sampeyan dhewe dening packaging kode sampeyan miturut metadata lan nambah app.
- Start Recording Timeline: Records sawetara item kalebu panjalukan jaringan, eksekusi JavaScript, rendering kaca, lan acara liyane kanggo periode ditetepake pengguna-kabeh bisa ditonton ing Inspektur WebKit.
- Cache Empires: Ngeklik pilihan iki mbusak kabeh cache sing disimpen ing Safari, ora mung file cache situs web standar.
- Nonaktifkan Cache: Kanthi caching dipateni, sumber daya diundhuh saka situs web saben wektu permintaan akses digawe minangka lawan kanggo nggunakke cache lokal.
- Allow JavaScript saka Smart Search Field: Disabled by default kanggo alasan keamanan, fitur iki ngidini sampeyan ngetik URL sing ngemot javascript: ing address bar Safari.
- Nangani Sertifikat SHA-1 minangka Insecure: Short kanggo Algoritma Hash Aman, fungsi hash SHA-1 wis di buktekake kurang aman tinimbang asale pikirane, mula nambah opsi iki ing Safari 9.
Related Reading
Yen sampeyan nemokake tutorial iki, gunakake mriksa Safari 9 liyane.
- Carane Ngatur Notifikasi Push Website
- Cara Ngekspor Halaman Web menyang Gambar PDF
- Cara Nganyari Safari 9 Ekstensi kanggo Nganyari Otomatis
- Cara Nggunakake Fitur Situs Pinned