Duyarlı Web Tasarımı ve Kullanıcı-Aracı Koklama

CSS3 mediasorgu özelliği, birçok farklı ekran boyutuna ve cihaza uyum sağlayan web siteleri geliştirme açısından birçok ilginç olasılık yaratmıştır.

Ancak, pratikte, ben CSS3 mediasorgu özelliği ve tüm "Duyarlı Web Tasarım" hareketi, onun vaat kadar canlı olmayabilir anlamaya başlıyorum .

Gördüğüm sorun, günün sonunda, web geliştiricilerinin çoğunlukla kullanıcılarının bir Masaüstü, Tablet veya Mobil cihaz aracılığıyla içerik görüntüleyip görüntülememesine önem vermesidir. Ancak CSS3 yalnızca ekran çözünürlüğünü algılamak için bir araç sağlar . Teoride, ekran çözünürlüğünü tespit etmek çeşitli farklı cihazlar için mükemmel bir yol gibi görünüyor. Ama pratikte ...

Ekran genişliğinin çıktısını veren basit bir Javascript fonksiyonumuz olduğunu varsayalım:

function foo()
{
   alert(screen.width);
}

Blackberry Touch'ımda bu çıktı:

768

Samsung Galaxy cihazımda bu çıktı:

800

Yani ... um, bu noktada, ana akıllı telefonların çözünürlüğü Masaüstü düzeyinde çözünürlüklere oldukça yaklaşıyor. Bir kullanıcının web sitenizi bir akıllı telefon, tablet veya masaüstü üzerinden görüntüleyip görüntülemediğini algılama yeteneği, tek yapmanız gereken ekran çözünürlüğü ise giderek zorlaşıyor.

Bu, medya sorgularına dayanan tüm CSS3 "Duyarlı Web Tasarımı" hareketinin arkasındaki tüm bilgeliği sorgulamamı sağlıyor. Neredeyse mediasorgu özelliği, çeşitli mobil cihazlardan ziyade bir Masaüstü ekranındaki yeniden boyutlandırma tarayıcı penceresine adapte olmak için daha uygun görünüyor .

Mobil veya tablet cihazları tespit etmek için bir diğer olası teknik, ontouchstartolayın desteklenip desteklenmediğini kontrol ederek özellik algılamayı kullanmaktır . Ancak, birçok Masaüstü ekranı dokunmayı desteklemeye başladığı için bu bile güvenilmez hale geliyor.

Soru: Yani ... bir web geliştiricisi olarak, RWD'ye veya özellik algılamaya güvenemezsem, kullanıcı aracısı koklamak (her zamanki gibi kötü şöhretli olarak güvenilmez) gerçekten mobil cihazları tespit etmek için en iyi seçenek midir?

Belirli cihazlar hakkında endişelenmeyi bırakın.

Bir kullanıcının web sitenizi bir akıllı telefon, tablet veya masaüstü üzerinden görüntüleyip görüntülemediğini algılama yeteneği, tek yapmanız gereken ekran çözünürlüğü ise giderek zorlaşıyor

Edilir Tasarımınızın zaman için ince ayarları yapıyor altındadır iyi ekran çözünürlüğü yoluyla tespit etmek giderek zorlaşmaktadır ve daha fazla cihaz pazarına girmek olarak sadece zor alacak ama medya sorguları amacı medya sorguları types.What cihazı algılamak için değil mevcut boyutlarda kullanmak artık hoş değil. Site 550 piksel genişliğinde parçalanmaya başlarsa, bu boyutlara sahip bir cihaz olup olmadığı önemli değildir: kesme noktasını orada ayarlarsınız.

Özellik algılama ile aynı anlaşma. Cihaz dokunmayı destekliyorsa, mobil bir cihaz mı yoksa gelecekteki duvar boyutlu bir monitör olması ne anlama gelir? Her iki durumda da dokunma geliştirmeleri yararlı olacaktır.

Kullanıcı aracı kokusu - belirttiğiniz gibi - tamamen güvenilir değildir. Gerçekten de istersem Kullanıcı aracısı dizgimi Shakespeare tırnaklarına değiştirebilirim. Siteniz tarayıcım hakkında ne karar verecek?

Kullanıcı aracıları da tüm olasılıkları yerine getirmek için çok çalışma gerektirir. Android'de Firefox için bir tane var mı? IOS'ta Chrome mu? Froyo'da Yunus mu? WiiU Tarayıcısı? Eski LG özellikli telefonumdaki son derece sınırlı tarayıcı? Lynx? IE 13? Bağlantılar? IceWeasel? Blackberry oyun kitabının tarayıcısı mı? Tablet üzerinde çalışan Opera ile telefonda çalışan opera arasındaki farkı nasıl anlatıyorsunuz?

Bu liste ancak zaman geçtikçe büyüyebilir.

Kullanıcı aracıları da yalan söyler. Etrafta Google olursanız, kullanıcı aracıların gerçekliğe karşı listelerini bulabilirsiniz. Yani bu bir problem. Bazıları, ne veya ne tür bir cihaz olduğunu belirlemek için dpi ayarına bakmaya başvurur.