Kumaha Aktipkeun na Paké responsif Desain Mode di Safari 9

01 of 06

Aktipkeun na Paké responsif Desain Mode di Safari 9

© témbal Orgera.

Keur pamekar Web di dunya dinten ieu hartina ngarojong hiji bevy alat tur platform, nu kadang bisa ngabuktikeun jadi tugas daunting. Malah jeung kode pang alusna-dirancang adhering ka standar Web panganyarna, anjeun masih bisa manggihan yén porsi of ramatloka anjeun bisa jadi teu kasampak atawa kalakuan cara rék ka dina alat atawa resolusi tangtu. Nalika Nyanghareupan tangtangan ti ngarojong hiji Asép Sunandar Sunarya lega misalna tina skenario, ngabogaan parabot simulasi katuhu dina pembuangan Anjeun tiasa invaluable.

Mun anjeun salah sahiji loba programer anu ngagunakeun Mac, Safari urang pamekar toolset geus salawasna datangna di gunana. Jeung sékrési Safari 9 di breadth sahiji kagunaan ieu geus dimekarkeun considerably, utamana alatan responsif Desain Mode_ nu ngidinan Anjeun pikeun nilik kumaha situs anjeun bakal ngarobah dina rupa resolusi layar sakumaha ogé on béda iPad, iPhone jeung iPod touch ngawangun.

rinci tutorial ieu kumaha ngaktipkeun responsif Desain Mode ogé kumaha carana ngagunakeun eta pikeun kaperluan ngembangkeun Anjeun.

Heula, muka browser Safari Anjeun.

02 of 06

Tanya Safari

© témbal Orgera.

Klik Safari di menu browser, ayana di luhureun layar. Nalika menu turun-handap ditembongkeun, pilih Tanya option_ kurilingan di conto di luhur.

Perhatikeun yén anjeun bisa ngagunakeun éta potong kompas keyboard di handap di lieu sahiji item menu disebut tadi: paréntah + koma (,)

03 of 06

Tembongkeun Ngembangkeun Menu

© témbal Orgera.

dialog Tanya Safari urang kedah ayeuna dipintonkeun, overlaying jandela panyungsi anjeun. Kahiji, klik dina icon_ Advanced digambarkeun ku gear sarta ayana di pojok katuhu-leungeun luhur jandela.

Tanya Advanced browser urang ayeuna kedah ditingali. Di handap mangrupa pilihan dibiruyungan centang a, dilabélan Tembongkeun Ngembangkeun menu di menu bar jeung kurilingan di conto di luhur. Klik centang nu sakali pikeun ngaktipkeun ménu ieu.

04 of 06

Lebetkeun responsif Desain Mode

© témbal Orgera.

Hiji pilihan anyar ayeuna kudu sadia dina menu Safari anjeun, ayana di luhureun layar, dilabélan Ngembangkeun. Klik pilihan ieu. Nalika menu turun-handap ditembongkeun, pilih Lebetkeun responsif Desain Mode _ kurilingan di conto di luhur.

Perhatikeun yén anjeun bisa ngagunakeun éta potong kompas keyboard di handap di lieu sahiji item menu disebut tadi: pilihan + paréntah + R

05 of 06

Responsif Desain Mode

© témbal Orgera.

Kaca Wéb aktif kedah ayeuna dipintonkeun dina responsif Desain Mode, ditémbongkeun saperti dina conto di luhur. Ku milih salah sahiji alat ios nu didaptarkeun kayaning iPhone 6, atawa salah sahiji resolusi layar ditunjuk sadia kayaning 800 x 600, anjeun tiasa langsung nempo kumaha kaca bakal ngarobah kana alat anu atanapi di éta resolusi tampilan.

Sajaba lian na resolusi ditémbongkeun, Anjeun ogé bisa ngalatih Safari mun simulate agén pamaké béda - kayaning salah ti browser béda - ku ngaklik dina menu turun-handap ditémbongkeun langsung luhureun ikon resolusi.

06 of 06

Ngamekarkeun Menu: Pilihan lianna

© témbal Orgera.

Salian responsif Desain Mode, Safari 9 urang Ngembangkeun menu nawarkeun loba options_ mangpaat séjén sababaraha nu di handap ieu.

Baca patali

Lamun kapanggih tutorial ieu mangpaat, pastikeun pikeun pariksa kaluar sejenna Safari 9 walkthroughs urang.