Safari'deki Geliştirici Araçları
Safari tercihleri penceresini açın, 'gelişmiş' seçeneğine tıklayın ve ardından 'Menü çubuğunda Geliştirme menüsünü göster' başlıklı kutuyu seçin. Basit! Sonuç, üst menüde aşağıdaki gibi görünen yeni bir alandır:
Tasarım Kaynaklarını Keşfedin
Geliştirme Menüsünü Açma
Safari tercihleri penceresini açın, 'gelişmiş' seçeneğine tıklayın ve ardından 'Menü çubuğunda Geliştirme menüsünü göster' başlıklı kutuyu seçin. Basit! Sonuç, üst menüde aşağıdaki gibi görünen yeni bir alandır:
Kullanıcı Aracısını Değiştirme
Web sitenizi test ederken, akılda tutulması gereken dört ana tarayıcı vardır - Internet Explorer, Firefox, Safari ve Opera. Bu tarayıcıları daha önce hem Windows hem de Mac platformlarında test ettik. Bununla birlikte, koşullu biçimlendirmenin bir parçasını kontrol etmek için kullanıcı aracısını bu tarayıcılardan birini hızlı bir şekilde kullanmanız gerekiyorsa, Safari bunu kolaylaştırır. Web sitenizin bir mobil cihazda nasıl davranacağını kontrol etmek için bir iPhone veya iPod Touch tarayıcısının kullanıcı ajanını taklit etmek de mümkündür:
Bu, web sitenizin bu tarayıcılarda nasıl göründüğünü test etmenize izin vermese de, koşullu biçimlendirmenin, tarayıcıya özgü CSS veya mobil cihaz yönlendirmelerinin beklendiği gibi çalışıp çalışmadığını kontrol etmek mümkündür.
Ağ Zaman Çizelgesi
Kullanıcı aracısı öykünmesi kullanışlı olsa da, bu güncelleştirmedeki en kullanışlı işlevsellik ağ zaman çizelgesidir. Bu, web sayfanıza yüklenen her öğenin, aldığı sürenin ve toplam dosya boyutunun görsel bir temsilini sunar. Bir sayfanın hangi öğelerinin kullanıcı deneyimini yavaşlattığını ve sayfanızın nerede kesilmesi gerektiğini görmeyi çok kolaylaştırır.
Tasarım Shack'in araç üzerinden çalıştırılması, ana bant genişliği domuzumuzun sitedeki görüntüler olduğunu gösterir - web sitesinin doğası nedeniyle oldukça beklenir! Yüklenmesinin beklediğimizden daha uzun sürdüğü ve gelecekteki değişikliklerin temeli olabileceği birkaç komut dosyasını vurguladı. Çalışırken aracın görünüşü şöyledir:
Benzer analiz araçları yıllardır mevcut olsa da, bu web sitenizin arka ucunu görselleştirmek için harika bir yoldur. Web sayfanızı yayınlamayı deneyin ve ilginç bir şey bulursanız bize bildirin!
