it-swarm-tr.com

Web uygulamalarımı hangi minimum tarayıcı veya ekran çözünürlüğünü hedeflemeliyim?

İstemci makinelerde bir web uygulaması için minimum gereksinimler hakkında karar verirken:

  1. Tarayıcılar - Hangi tarayıcıların en az bir hedef alması gerektiği
  2. Ekran Çözünürlüğü - Hangi ekran çözünürlüğünün en az bir hedef alması gerektiği

Uygulamanın kullanılabilirliğini sağlamaktan ödün verilmez

18
Julius A

W3Schools (örneğin) tarayıcı ekranlarında bazı istatistikler var. Ocak 2010 itibariyle:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

Yüksek rakam bir yeni tablo 'ya bağlanır. 1024x768 gibi görünen rakamlardan asgari ekran çözünürlüğü etkilidir. Ancak, herkesin tarayıcılarını tam ekran modunda çalıştırmadığını hatırlamanız gerekir.

Ayrıca bir Tarayıcı istatistikleri sayfa. Tarayıcılar sürüme göre ayrılmış (örneğin, Firefox ). Firefox ve Chrome gibi tarayıcılarda, çoğunluğun en yeni (beta olmayan) sürümleri kullandığı anlaşılmaktadır. Bunun otomatik güncelleme nedeniyle olduklarından şüpheleniyorum.

Diğer, daha genel, istatistik siteleri de mevcuttur ve muhtemelen İnternet’teki tarayıcı kullanımı ve ekran çözünürlüklerinin daha iyi bir resmini elde etmek için bir dizi seçeneğine başvurmalısınız.

8
ChrisF

Belirli bir tarayıcıyı ve çözünürlüğü hedeflemek yerine, sitenizin mümkün olduğunca çok sayıda kullanıcı tarafından kullanılabilmesini istediğiniz varsayımıyla başlardım. İşleri farklı ekran boyutlarına uyarlamaya çalışın ve tüm tarayıcılarda çalışın. Bu, masaüstü tarama için 1024x768 kabul etmek güvenli olduğunu düşünüyorum.

6
Oren Hizkiya

Daha genel bir istatistik kümesi , 1024x768 öğesinin gerçekten en popüler çözünürlük olduğunu ancak kullanıcıların dağılımının çok farklı olduğunu gösterir. Ayrıca, netbookların, 800x600 askıda kalmasına yardım ettiğini farz ediyorum.

Modern tarayıcılarda Medya Sorguları ile aralıkları hedefleyebilirsiniz. Onlar harikalar. IE9 onlara destek sözü vermesine rağmen IE - umrumda değil. Koşullu yorumlar IE'ye en düşük ortak payda çözünürlüğünü göndermek için kullanılabilir veya stil sayfalarını dinamik olarak yüklemek için JavaScript kullanılabilir. CSS'yi JavaScript üzerinden dinamik olarak yüklemek bence, bir berbat bir fikirdir.

Jon Hicks adlı bir web tasarımcısı yakın zamanda yeniden tasarlandı web sitesi onları kullanarak, oraya gidin ve nasıl çalıştıklarına bir örnek görmek için tarayıcı pencerenizin boyutunu değiştirin. Geçerli maksimum görünüm genişliğinize bağlı olarak 1-4 sütunlu düzenler vardır.

Medya Sorguları, "Sitem iPhone ve iPad'i destekliyor mu?" veya "Kullanılabilirliği korumak için X cihazının ekran boyutunu nasıl hedefleyebilirim?". Desteklemek istediğiniz ekran boyutlarına göre tasarımlar oluşturuyorsunuz ve Media Sorguları geri kalanları, oraya ne zaman gireceklerine bağlı olarak kullanıcının tarayıcısına bağlı olarak hallediyor.

5
Bryson

Kararınızı, çözüm kullanımı hakkındaki son istatistiklere dayanarak karar verebilirsiniz. Genel numara istiyorsanız, Net Applications 'den bazılarını bulabilirsiniz ve kesin veriler istiyorsanız, web sitenizde Google Analytic'i kullanabilirsiniz.

2
HoLyVieR

Dünya çapındaki tarayıcı pazar payı istatistiklerini kontrol edin

Bu soru , dünya genelinde tarayıcı pazar payına bakmak için kapsamlı bir kaynak listesi sunar.

İşte StatOwl için en iyi 3 2010 ortalamaları:

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

Net Uygulamalar için en iyi 3 2010 ortalamaları:

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

Verilere göre, asgari çözünürlüğünüz 1024x768 olmalıdır, ancak bu aynı zamanda demografinize bağlıdır.

Siteniz daha kurumsal bir kitleye yönelikse, 800x600’e gidin. Pek çok şirket ağı hala Windows 2000'de eski donanım kullanıyor. Hedeflemekte olduğunuz kullanıcı tabanı buysa, ekran çözünürlüğünün 'mevcut normunu' kullanmak izleyicinizi yabancılaştırabilir.

1
Evan Plaice

Yapmanız gereken ilk şey, web uygulamanızı kimlerin kullanacağı hedef demografisini belirlemektir. Örneğin, ağırlıklı olarak zengin bir ABD/Avrupa izleyicisini (örneğin, ileri teknoloji ürünleri veya yüksek teknoloji ürünü bir dergi sitesi satmak gibi) hedefliyorsanız, örneğin bir web sitesi yapmaktan çok farklı gereksinimleriniz olacaktır. Eski PC'lerin ve düşük çözünürlüklerin hâkim olduğu daha yaşlı insanlara, daha az gelişmiş ülkelerdeki insanlara yönelik uygulama. Örneğin, İngiltere’deki birçok yerel yönetim müşterisinin hala (utanç verici şekilde) IE6’yı tek tarayıcıları olarak kullandıklarını biliyorum, bu sizin istemciniz olduğunda büyük bir faktör olabilir.

Daha sonra birçok kişinin mobil cihazlardaki web sitelerine (akıllı telefonlar, netbooklar, tabletler vb.) Eriştiğini göz önünde bulundurmalısınız. Bunlar 'garip' kararlara sahip olabilir veya Safari, Chrome ve Opera Mobile gibi daha fazla tarayıcı kullanıcısı yüzdesine sahip olabilir. Ayrıca farklı erişilebilirlik gereksinimlerine sahip olabilirler veya farklı stil sayfaları gerektirebilirler.

En iyi yollardan biri, gerçek kitlenizi belirlemek için Google Analytics (belki de mevcut bir siteden) kullanmaktır. Daha sonra tarayıcı arızalarını ve sizin için neyin doğru olduğuna karar vermenize yardımcı olacak özünürlük dağılımlarını görmek için gerçek rakamlar elde edebilirsiniz .

1
Dan Diplo

Ayrıca göz önünde bulundurmaya değer sitenizin içeriğidir. Örneğin, ekran kartlarında veya monitörlerde sorun yaşayan insanlar için bir teknik destek forumu sağlıyorsanız, muhtemelen 640x480'de kullanılabilir olmasını istersiniz.

Kullanıcılarınızın çoğu daha eskiyse veya daha zayıf bir görüş açısı varsa, yüksek çözünürlüklü ekranlara sahip olabilirler, ancak çok büyük yazı tipleriyle, buna izin vermeniz gerekir.

0
Colin Coghill

http://isie6dead.com/ bu bağlantı bir hafta kadar önce dinamik olmasına rağmen, varlığının altında yatan nokta hala geçerli: orada çok fazla IE6 tarayıcısı var ve olmaya devam edecek muhtemelen önümüzdeki on yıl için .

Kendi kişisel projelerim için, eğer IE6 kullanıyorsanız, sitemin maymunların arka uçağınızdan uçmasına neden olması umrumda değil. Bir iş için, gereksinimler farklı olabilir ve genel olarak, hedef kitleniz ne kadar halka açık ve büyürse, sitenizin IE6’yı 640x480x4’te görme olasılığı o kadar yüksek olur.

Bu soru, belirli bir kitle olmadan doğru bir şekilde cevaplanamaz ve iPhony cihazlarının gelişen ordularını tamamen görmezden gelir.

0
msw

eski gönderi 'de belirtildiği gibi, tarayıcı pazarındaki Vikipedi makalesi 6 ana kaynaktan gelen bilgileri birleştirir ve bu istatistiklerin hangisinin hedefleneceği önemli tarayıcıların karar vermesinde muhtemelen en etkilidir .

0
mvark