Программирование веб-сайтов для мобильных устройств
https://stackoverflow.com/questions/1117752
-
12-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Мне интересно, как сделать сайт удобным для мобильных устройств..Итак, каковы наилучшие размеры и как мне заставить веб-сайт определять, отображаются ли они на мобильном устройстве или нет.а также, что мне нужно ограничить в дизайне и кодировании, чтобы страницы были более плавными и быстрее загружались...
Решение
На самом деле здесь есть две основные школы, и это зависит от вашей аудитории:
Если вы говорите о текущих мобильных браузерах, большая часть рынка использует полнофункциональные браузеры, такие как iPhone, варианты Android, Palm Pre и т. д.Они могут обрабатывать такие вещи, как сложный JavaScript и современный CSS.Для этой группы вы в основном хотите сосредоточиться на таких вещах, как оптимизация макета для страниц с очень ограниченной шириной (> 800 пикселей), минимизация объема данных, которые необходимо загрузить (поскольку мобильные соединения могут быть очень медленными), а также оптимизация размеров шрифтов и высота строк для удобства чтения.
Однако в развивающихся странах (Африка, Южная Америка, некоторые части Азии) мобильный просмотр а) чрезвычайно важен и Б) отстает примерно на 5-10 лет по аппаратным возможностям.Мобильный Интернет является основным средством получения информации в этих областях, но вам действительно нужно писать HTML, как в 1999 году (без таблиц, конечно).Сохраняйте свою разметку очень чистой и простой, ограничьте использование причудливых стилей и не полагайтесь на JavaScript, Flash или что-то еще.
Для такого типа аудитории вас должно очень волновать то, как выглядит ваша страница без любой таблица стилей применена.Семантическая разметка — король.Конечно, вы сможете стилизовать его, но старайтесь сделать его как можно более минимальным.
Надеюсь, что это предлагает некоторые основные идеи.
Другие советы
Вы могли бы взглянуть на Инициатива W3 Mobile Web.У них есть много передового опыта, а также несколько хороших инструментов, таких как Мобильный веб-валидатор.
Чтобы сделать интерфейс удобным для пользователя, я предлагаю вам использовать jQuery для мобильных устройств.
