01 ilə 06
Safari 9'da Təsirli Tasarım rejimi aktivləşdir və istifadə edin
Günümüz dünyasında bir Web geliştiricisi olmaq bəzən çətin bir vəzifə ola biləcək qurğular və platformaların bir donuzunun dəstəklənməsi deməkdir. Ən son veb standartlarına riayət edən ən yaxşı kodlu kodla belə, veb saytınızın bəzi hissələrini müəyyən cihazlarda və ya qətnamələrdə istədiyiniz şəkildə görünməyəcəyini və hərəkət edə bilməyəcəyini tapa bilərsiniz. Bu cür geniş ssenariləri dəstəkləməyə meydan oxuduğunuz zaman, sərəncamında düzgün simulyasiya vasitələrinə malik olmaq əvəzsizdir.
Mac istifadə edən bir çox proqramçıdan biri varsa, Safari'nin geliştirici araçları her zaman kullanışlıdır. Safari 9-un buraxılması ilə, bu funksionallığın genişliyi, əsasən, müxtəlif ekran qətnamələrində, eləcə də müxtəlif iPad, iPhone və iPod touch-larda necə yerləşdiriləcəyini önizləməyə imkan verən Responsive Design Mode_ ilə geniş şəkildə genişlənmişdir.
Bu təlimat ətraflı cavablandırma dizayn rejimini aktivləşdirməklə yanaşı, inkişaf ehtiyaclarınız üçün necə istifadə etmək barədə ətraflı məlumat verir.
Birincisi, Safari brauzerinizi açın.
02-dən 06-dək
Safari Tercihleri
Ekranın yuxarısında yerləşən brauzer menyusundan Safari -ə vurun. Açılır menyudan göründükdə, yuxarıda göstərilən nümunədə Tercihler variantını seçin.
Xahiş edirik yuxarıda qeyd olunan menyu elementinin yerinə aşağıdakı klaviatura qısayolundan istifadə edə bilərsiniz: COMMAND + COMMA (,)
03 ilə 06
Menyu inkişaf etdirin
Safari'nin Tercihler informasiya qutusu artıq brauzerinizin pəncərəsinin üzərində yerləşdirilməlidir. Birincisi, bir dişli ilə təmsil olunan və pəncənin yuxarı sağ küncündə yerləşən Ətraflı məlumatı basın.
Brauzerin Ətraflı Tercihləri indi görünən olmalıdır. Altındakı menyu çubuğunda " Show Develop" menyusuna aid etiketli bir onay qutusu ilə müşayiət olunan bir seçimdir və yuxarıdakı nümunədə döngə alınır. Bu menyunu aktivləşdirmək üçün bir dəfə onay qutusuna basın.
06 04
Təsirli Tasarım rejimi daxil edin
İndi inkişaf etdirdiyiniz ekranın üstündəki Safari menyusunda yeni bir seçim mövcud olmalıdır. Bu seçimi basın. Açılır menyudan göründükdə yuxarıdakı nümunədə Davamlı Dizayn Modu Gir daxil olun .
Xahiş edirik aşağıda qeyd olunan menyu elementinin yerinə aşağıdakı klaviatura qısayolundan istifadə edə bilərsiniz: OPTION + COMMAND + R
05-dən 06-dək
Təsirli dizayn rejimi
Aktiv veb-səhifə yuxarıdakı nümunədə göstərildiyi kimi İndi Responsive Design Mode'da göstərilməlidir. IPhone 6 kimi siyahıda olan iOS cihazlarından birini seçməklə və ya 800 x 600 kimi təyin edilmiş ekran qətnamələrindən birini seçərək, səhifənin həmin cihazda və ya həmin ekran həllinə necə göstərəcəyini dərhal görə bilərsiniz.
Göstərilən qurğulara və qətnamələrə əlavə olaraq, Safari-ə fərqli bir istifadəçi agentini - başqa bir brauzerdən biri kimi - qətnamə simvollarının yuxarısında göstərilən açılır menyudan tıklayaraq simulyasiya edə bilərsiniz.
06-dan 06-a
Menyu inkişaf etdirin: Digər seçimlər
Responsive Design Mode-a əlavə olaraq, Safari 9-un İnkişafı menyusu aşağıda göstərilən bir çox digər faydalı variantları təklif edir.
- Açıq Sehife ile: Etkin Web sayfasını hazırda Mac'inizde yüklü olan başqa bir tarayıcıda açmanıza imkan verir.
- İstifadəçi Agenti: İstifadəçi agentinin dəyişdirilməsi Web serverləri brauzerinizi Safari 9-dan başqa bir şey kimi müəyyən etməyə səbəb olur.
- Web Inspector qoşulun: Safari 9 Web Inspector, CSS məlumatlarını, DOM metrikləri və strukturunu və yerli qaynaq kodunu nəzərdən keçirmək imkanı verən bir Web-səhifə resurslarının hamısını göstərir.
- Hata Konsolu Göstər: Dəyişən menyuda ən çox istifadə edilən variantlardan biri olan bu konsol JavaScript, HTML və XML səhvləri və xəbərdarlıqlarını göstərir.
- Page Sahə göstər: Aktiv veb-səhifənin mənbə kodunu nəzərdən keçirə və axtarış etməyə imkan verir.
- Səhifə Resurslarını Göstər: Bu seçimi seçdiyiniz səhifədən sənədlər, skriptlər, CSS və digər resursları göstərir.
- Snippet Redaktorunu Göstər: Tam bir səhifə fərqli olaraq, kodun fraqmentlərini redaktə etmək və yerinə yetirmək imkanı verir. Bu xüsusiyyət test baxımından çox faydalıdır.
- Extension Builder proqramını göstər: Kodunuzu müvafiq olaraq paketlə və metadata əlavə edərək öz Safari uzantılarınızı yaratmağa imkan verir.
- Timeline Recording başladın: WebQit müfəttişi daxilində göstərilən bir istifadəçi tərəfindən müəyyən edilmiş period_ üçün şəbəkə istəkləri, JavaScript icrası, səhifə göstərilməsi və digər hadisələr daxil olmaqla, bir sıra maddələr yazır.
- Boş Önbellekler: Bu seçimi tıkladığınızda Safari içindeki bütün saklanan önbelleği yalnız standart web cache fayllarını silmir.
- Önbellekleri aradan bırak: Önbellek engelleme ile kaynakları, hər zaman yerli bir önbelleği istifadə edərək, bir erişim sorğu olaraq bir web sitesinden indirilir.
- JavaScript Smart Search Field-dan icazə verin: təhlükəsizlik səbəbləri ilə sui-istifadə edilməmişdir, bu xüsusiyyət javascript olan URL'leri daxil etməyə imkan verir : Safari-nin ünvan barında.
- SHA-1 Sertifikatlarını Təhlükə kimi Müalicə Olun : Təhlükəsiz Hash alqoritminə qısa, SHA-1 hash funksiyası əvvəlcədən düşünülmüşdən daha az təhlükəsiz olduğundan sübut edilmişdir, beləliklə Safari 9-da bu seçimin əlavə edilməsi.
Əlaqədar Oxu
Bu təlimatı faydalı gördüyünüzdə, digər Safari 9 baxışlarımıza baxdığınızdan əmin olun.