Bilinmesi Gerekenler
- Etkinleştirmek için: Tercihler > Gelişmiş sekmesini seçin > geçiş yapın Menü çubuğunda Geliştirme menüsünü gösterinon.
- Kullanmak için: Safari araç çubuğunda Develop > Duyarlı Tasarım Moduna Gir öğesini seçin.
Bu makale Safari 9'dan Safari 13'e, OS X El Capitan'da macOS Catalina'dan Duyarlı Tasarım Modunun nasıl etkinleştirileceğini açıklar.
Safari'de Duyarlı Tasarım Modu Nasıl Etkinleştirilir
Diğer Safari geliştirici araçlarıyla birlikte Safari Duyarlı Tasarım Modunu etkinleştirmek için:
-
Safari menüsüne gidin ve Tercihler öğesini seçin.
Tercihlere hızlı bir şekilde erişmek için Command+ , (virgül) klavye kısayoluna basın.
-
Tercihler iletişim kutusunda, Gelişmiş sekmesini seçin.
Image -
İletişim kutusunun alt kısmında, menü çubuğunda Geliştirme menüsünü göster onay kutusunu seçin.
Image -
Artık üst Safari menü çubuğunda Geliştir göreceksiniz.
Image -
Seçin Develop > Safari araç çubuğundaDuyarlı Tasarım Moduna Girin.
Duyarlı Tasarım Moduna hızlı bir şekilde girmek için Option+ Command+ R klavye kısayoluna basın.
Image -
Etkin web sayfası Duyarlı Tasarım Modunda görüntülenir. Sayfanın nasıl oluşturulacağını görmek için sayfanın üst kısmında bir iOS cihazı veya ekran çözünürlüğü seçin.
Image -
Alternatif olarak, çözünürlük simgelerinin üzerindeki açılır menüyü kullanarak web sayfanızın çeşitli platformlarda nasıl görüneceğini görün.
Image
Safari Geliştirici Araçları
Duyarlı Tasarım Moduna ek olarak, Safari Geliştirme menüsü başka kullanışlı seçenekler sunar.
Sayfayı İle Aç
Etkin web sayfasını Mac'te yüklü olan herhangi bir tarayıcıda açar.
Kullanıcı Aracısı
Kullanıcı Aracısını değiştirdiğinizde, bir web sitesini başka bir tarayıcı kullandığınızı düşünmesi için kandırabilirsiniz.
Web Denetçisini Göster
CSS bilgileri ve DOM metrikleri dahil olmak üzere bir web sayfasının tüm kaynaklarını görüntüler.
Hata Konsolunu Göster
JavaScript, HTML ve XML hatalarını ve uyarılarını görüntüler.
Sayfa Kaynağını Göster
Etkin web sayfasının kaynak kodunu görüntülemenizi ve sayfa içeriğinde arama yapmanızı sağlar.
Sayfa Kaynaklarını Göster
Geçerli sayfadaki belgeleri, komut dosyalarını, CSS'yi ve diğer kaynakları görüntüler.
Snippet Düzenleyiciyi Göster
Kod parçalarını düzenlemenizi ve yürütmenizi sağlar. Bu özellik, test açısından kullanışlıdır.
Uzantı Oluşturucuyu Göster
Kodunuzu uygun şekilde paketleyerek ve meta veriler ekleyerek Safari uzantıları oluşturmanıza yardımcı olur.
Zaman Çizelgesi Kaydı Başlat
WebKit Denetçisi içindeki ağ isteklerini, JavaScript yürütmesini, sayfa oluşturmayı ve diğer olayları kaydetmenize olanak tanır.
Boş Önbellek
Yalnızca standart web sitesi önbellek dosyalarını değil, Safari'de saklanan tüm önbellekleri siler.
Önbellekleri Devre Dışı Bırak
Önbelleğe alma devre dışıyken, yerel önbelleği kullanmak yerine her erişim isteği yapıldığında kaynaklar bir web sitesinden indirilir.
Akıllı Arama Alanından JavaScript'e İzin Ver
Güvenlik nedeniyle varsayılan olarak devre dışı bırakılan bu özellik, JavaScript içeren URL'leri Safari adres çubuğuna girmenize olanak tanır.
