Mobil cihazlar zaten birçok web sitesi için çevrimiçi okur kitlesinin çoğunluğu olmasa da çok büyük bir parça içermektedir, bu nedenle sitenizin bir iPhone veya tablette düzgün görünmesini ve çalışmasını sağlamak çok önemlidir. Belirli bir URL için mobil düzen önizlemeleri sunan birçok hizmet var, ancak Apple, OS X El Capitan'daki Safari 9 ile web sitelerini mobil hazırlık için test etmeyi çok kolaylaştırdı. Responsive Design Mode ( Duyarlı Tasarım Modu) adlı yeni bir özellik, bir web sitesinin çeşitli Apple cihazlarında ve genel mobil ekran çözünürlüklerinde nasıl göründüğünü hızla önizleyebilir. İşte nasıl çalışıyor.
Responsive Tasarım Modunun OS X El Capitan'daki Safari 9'a özel yeni bir özellik olduğunu yinelemek önemlidir, bu nedenle erişmek için en azından bu tarayıcı ve işletim sistemi sürümlerini çalıştırmanız gerekir. Mac'iniz bu gereksinimi karşılıyorsa, önce Safari Geliştirici Modunu etkinleştirmeniz gerekir. Bunu yapmak için, Safari'yi başlatın ve Menü Çubuğunda Safari'yi tıklayın. Ardından Tercihler> Gelişmiş'i seçin.
Safari'nin Tercihler penceresinin Gelişmiş sekmesinde, "Menü Çubuğunda Geliştirme Menüsünü Göster" etiketli kutuyu işaretleyin. Seçeneğin adından da anlaşılacağı gibi, sağındaki Safari Menü çubuğunda yeni bir "Geliştirme" menüsü belirir. "Yer imleri."
Ardından, Safari Tercihleri penceresini kapatın ve Duyarlı Tasarım Modunda test etmek istediğiniz web sitesine gidin. Web sitesi tarayıcınıza tamamen yüklendikten sonra, Command-Option-R klavye kısayolunu kullanın ve tarayıcı penceresinin birkaç mobil cihaz çözünürlüğünden birinin önizlemesine dönüştüğünü göreceksiniz (Ayrıca, Geliştiriciyi tıklatarak Duyarlı Tasarım Moduna erişebilirsiniz. Safari Menü Çubuğu ve Duyarlı Tasarım Moduna Girin ).
Safari Duyarlı Tasarım Modu, 3, 5 inç iPhone 4S'den 12, 9 inç iPad Pro'ya kadar bir web sitesinin Apple'ın mobil cihaz çözünürlüklerinde nasıl göründüğünü önizlemenizi sağlar. Kullanıcılar ayrıca 1x, 2x veya 3x “Retina” çözünürlük seçme ve Chrome, Firefox ve Edge gibi en popüler tarayıcıların davranışlarını taklit etmek için tarayıcı aracısını değiştirme seçeneğine de sahiptir.
Her aygıt ve ekran boyutu için, kullanıcılar dikey ve yatay yönlendirme arasında geçiş yapmak için aygıt simgesini tıklayabilir veya bölünmüş görünümü destekleyen iPad Air ve iPad Pro gibi aygıtlar için çeşitli bölünmüş görünüm düzenleri arasında geçiş yapmak için tıklayabilirsiniz.
Safari Duyarlı Tasarım Modu benzer önceden var olan araçların bazı seçeneklerinden yoksun olsa da, doğrudan Safari'ye yerleştirilmiş olması, web tasarımcıları için büyük bir zaman tasarrufu ve mobil ziyaretçilerinin emin olmak isteyen web sitesi sahipleri için mükemmel bir öğrenme ve test aracı olabilir. Ekran çözünürlüğünden veya boyutundan bağımsız olarak en iyi deneyimi elde ediyorlar.
Test tamamlandıktan sonra, tarayıcı penceresini veya sekmesini kapatarak veya tekrar Command-Option-R kısayoluna basarak Duyarlı Tasarım Modundan çıkabilirsiniz.
