Safari 9 ga binoan kelajakda javobli dizayn rejimi qanday yoqadi va foydalaniladi?

01dan 06gacha

Faollashtirish va Safari rejimida javobli dizayn rejimidan foydalanish 9

© Scott Orgera.

Bugungi dunyoda veb-ishlab chiquvchisi bo'lish, ba'zida qiyin vazifa bo'lishi mumkin bo'lgan qurilmalar va platformalardagi noqulaylikni qo'llab-quvvatlash demakdir. Eng yaxshi veb-standartlarga mos keladigan eng yaxshi kodli kodlar bilan ham, veb-saytingizning ba'zi bo'limlari muayyan qurilmalar yoki qarorlar qabul qilishni xohlamasdan harakat qilishlari mumkin. Bunday keng ko'lamli stsenariylarni qo'llab-quvvatlashda qiyinchiliklarga duch kelganingizda, sizning qo'lingizda to'g'ri simulyatsiya vositalariga ega bo'lish juda qimmatli bo'lishi mumkin.

Agar siz Mac-dan foydalanadigan dasturchilardan biri bo'lsangiz, Safari-ning ishlab chiquvchi vositasi har doim foydalidir. Safar 9-ning chiqarilishi bilan, ushbu funksionallikning kengligi, asosan, turli xil ekran ruxsatlarida, shuningdek, iPad, iPhone va iPod touch-larda qanday qilib saytingiz qanday ishlashini oldindan ko'rish imkonini beruvchi Responsive Design Mode_ bilan kengaytirilgan.

Ushbu o'quv materialida Ta'sirchan Ustoz tartibi va sizning rivojlanish ehtiyojlaringiz uchun qanday foydalanishi haqida batafsil ma'lumot olish mumkin.

Avval Safari brauzerini oching.

02 of 06

Safari imtiyozlari

© Scott Orgera.

Ekranning yuqori qismida joylashgan brauzer menyusida Safari- ni bosing. Ochiq-ochiladigan menyu paydo bo'lganda, yuqoridagi misolda Tavsiflar-ni tanlang.

Yuqorida keltirilgan menyu ob'ektining o'rniga quyidagi klaviatura yorliqlaridan foydalanishingiz mumkinligini unutmang: COMMAND + COMMA (,)

03 ning 06

Ilovani ko'rsatish menyusi

© Scott Orgera.

Safari-ning afzalliklari dialogi sizning brauzer oynasini joylashtirishingiz kerak. Birinchidan, oldinga o'ng tugmasini bosing va o'ng burchakda joylashgan.

Brauzerning kengaytirilgan imtiyozlari endi ko'rinishi kerak. Pastki menyudagi "Show Develop" menyusi bilan belgilangan va yuqoridagi misolda aylantirilgan katakchalar bilan birga tanlovdir. Ushbu menyuni faollashtirish uchun bitta katakchani bosing.

04 of 06

Ta'sirchan Ustoz rejimiga o'ting

© Scott Orgera.

Ekranni teparoqda joylashgan " Develop" deb nomlangan Safari menyusida yangi parametr mavjud bo'lishi kerak. Ushbu parametr ustiga bosing. Ochilgan menyuni ko'rsatsangiz, Yuqoridagi misolda aylana javobli dizayn rejimi-ni tanlang.

Yuqorida keltirilgan menyu punktining o'rniga quyidagi klaviatura yorliqlaridan foydalanishingiz mumkin: OPTION + COMMAND + R

05 of 06

Ta'sirchan dizayn tartibi

© Scott Orgera.

Faol veb-sahifa endi yuqoridagi misolda ko'rsatilgandek javobli dizayn rejimida ko'rsatilishi kerak. IPhone 6 kabi ro'yxatdagi iOS qurilmalaridan birini yoki 800 x 600 kabi mavjud ekran ruxsatlaridan birini tanlab, sahifani o'sha qurilmada yoki ekran o'lchamida qanday aks ettirishini darhol ko'rishingiz mumkin.

Ko'rsatilgan qurilmalar va ruxsatlarga qo'shimcha ravishda, siz Safari tomonidan to'g'ridan-to'g'ri piksellar sonini piktogrammalarining yuqori qismida ko'rsatiladigan ochilgan menyuni bosish orqali boshqa foydalanuvchi brauzeridan boshqa foydalanuvchi agentini taqlid qilishni ham belgilashingiz mumkin.

06 of 06

Menyuni ishlab chiqish: Boshqa variantlar

© Scott Orgera.

Ta'sirchan Ustoz tartibi bilan bir qatorda, Safari 9 ning Develop menyusi quyida keltirilgan ba'zi boshqa foydali variantlarni taklif qiladi.

Bilan bog'liq o'qish

Agar siz ushbu qo'llanmani foydali deb topsangiz, boshqa Safari 9 ko'rinishlarini ko'rib chiqing.