Какой минимальный браузер или разрешение экрана я должен предназначаться для моих веб-приложений?

При принятии решения о минимальных требованиях к веб-приложению на клиентских машинах:

1. Браузеры - какие браузеры должны быть нацелены на минимум
2. Разрешение экрана - какое разрешение экрана должно быть нацелено на минимум

Для обеспечения удобства использования приложения не ставится под угрозу

W3Schools (например) имеет некоторую статистику по дисплеям браузера. По состоянию на январь 2010 года:

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

Более высокая цифра ссылается на новую таблицу . Из рисунков видно, что эффективное разрешение экрана 1024х768. Однако вы должны помнить, что не все запускают свой браузер в полноэкранном режиме.

Также есть страница статистики браузера . Браузеры разбиты по версиям (например, Firefox ). С браузерами, такими как Firefox и Chrome, кажется, что большинство используют последние (не бета) версии. Я подозреваю, что это потому, что они автоматически обновляются.

Существуют и другие, более общие, статистические сайты, и вам, вероятно, следует обратиться к диапазону, чтобы получить более полное представление об использовании браузера и разрешениях экрана в Интернете в целом.

Вместо того, чтобы ориентироваться на конкретный браузер и разрешение, я бы начал с предположения, что вы хотите, чтобы ваш сайт был доступен для максимально широкого круга пользователей. Попытайтесь приспособить вещи к разным размерам экрана и работать во всех браузерах. Тем не менее, я думаю, что для просмотра настольных компьютеров можно предположить 1024x768.

Более глобальный набор статистических данных показывает, что 1024x768это действительно самое популярное разрешение, однако распределение пользователей сильно отличается. Также обратите внимание, что нетбуки, по их мнению, помогают 800x600зависать.

В современных браузерах вы можете выбирать диапазоны с помощью Media Queries . Они потрясающие. Предполагая, что вы не заботитесь о IE - хотя IE9 обещает поддержку для них. Условные комментарии могут использоваться для отправки разрешения IE с наименьшим общим знаменателем, или JavaScript может использоваться для динамической загрузки таблиц стилей. Динамическая загрузка CSS через JavaScript - это, на мой взгляд, ужасная идея.

Веб-дизайнер по имени Джон Хикс недавно перепроектировал свой веб-сайт, используя их, зайдите туда и измените размер окна браузера, чтобы увидеть пример их работы. Есть макеты от 1 до 4 столбцов, в зависимости от текущей максимальной ширины области просмотра.

Медиа-запросы позволяют вам не беспокоиться о таких вещах, как «Будет ли мой сайт поддерживать iPhone и iPad?» или «Как выбрать размер экрана устройства X, чтобы обеспечить удобство использования?». Вы просто создаете проекты для экранов любого размера, которые хотите поддерживать, и Media Queries позаботится обо всем остальном, в зависимости от браузера пользователя, когда они туда попадут.

Вы можете обосновать свое решение недавней статистикой об использовании разрешения. Если вам нужен общий номер, вы можете найти его в Net Applications, а если вам нужны точные данные, вы можете использовать Google Analytic на своем веб-сайте для этого.

Первое, что вам нужно сделать, это определить целевую демографическую группу, которая будет использовать ваше веб-приложение. Например, если вы нацелены на преимущественно состоятельную аудиторию США / Европы (например, на продажу высокотехнологичной продукции или на сайт высокотехнологичного журнала), тогда у вас будут совершенно другие требования, чем, например, если вы делаете веб-сайт. приложение, которое предназначено для пожилых людей, людей в менее развитых странах и т. д., где все еще преобладают старые ПК и низкие разрешения. Например, по своему опыту я знаю, что многие клиенты местных органов власти в Великобритании до сих пор (позорно) используют IE6 в качестве единственного браузера, что может стать основным фактором, если они будут вашим клиентом.

Затем вы должны принять во внимание, что многие люди получают доступ к веб-сайтам на мобильных устройствах - смартфонах, нетбуках, планшетах и ​​тому подобном. У них могут быть «странные» разрешения или более высокий процент пользователей таких браузеров, как Safari, Chrome и Opera Mobile. Они также могут иметь разные требования доступности или могут требовать разных таблиц стилей.

Один из лучших способов - использовать Google Analytics (возможно, с существующего сайта), чтобы определить свою реальную аудиторию. Затем вы можете получить фактические цифры, чтобы увидеть сбои браузера и сбои разрешения, которые помогут вам решить, что подходит именно вам .

Проверьте мировую статистику доли рынка браузеров

Этот вопрос содержит исчерпывающий список источников для поиска доли мирового рынка браузеров.

Вот лучшие 3 средних показателя за 2010 год для StatOwl :

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

Вот лучшие 3 средних показателя за 2010 год для сетевых приложений :

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

Согласно данным, ваше минимальное разрешение должно быть 1024x768, но это также зависит от вашей демографии.

Если ваш сайт ориентирован на более корпоративную аудиторию, придерживайтесь 800x600. Многие корпоративные сети все еще используют действительно старое оборудование с Windows 2000. Если это целевая база пользователей, использование «текущей нормы» разрешений экрана может оттолкнуть вашу аудиторию.

http://isie6dead.com/, хотя эта ссылка была более динамичной неделю назад или около того, точка, лежащая в основе ее существования, по-прежнему актуальна: существует слишком много браузеров IE6, и, вероятно, так будет и в следующем десятилетии .

Для моих личных проектов, если вы используете IE6, мне все равно, если мой сайт заставит обезьян вылететь из вашей задней части. Для работы требования могут отличаться, и в целом, чем более публичной и старше ваша целевая аудитория, тем больше вероятность того, что ваш сайт увидит IE6 640x480x4.

На этот вопрос нельзя точно ответить без определенной аудитории, и он полностью игнорирует растущие толпы устройств iPhony.

Как упоминалось в предыдущем посте , статья в Википедии о доле рынка браузеров объединяет информацию из 6 основных источников, и эта статистика, вероятно, наиболее эффективна при принятии решения о том, на какие браузеры следует ориентироваться.

Также стоит принять во внимание содержание вашего сайта. Например, если вы предоставляете форум технической поддержки для людей, имеющих проблемы с видеокартами или мониторами, возможно, вы захотите использовать его в разрешении 640x480.

Если многие из ваших пользователей старше или имеют слабое зрение, у них могут быть экраны с высоким разрешением, но с очень большими шрифтами, поэтому вам нужно это учитывать.