Каковы ограничения мобильных телефонов и веб-разработки

Question

простой действительно .. Меня попросили сделать мобильный сайт (прямой html + css (возможно, позже jquery mobile)). Сайт должен будет поддерживать смартфон нового типа и старый тип Nokia/(Symbian OS) с помощью веб-браузера. Сомнения и оговорки в сторону, поскольку кто-либо без смартфона будет беспокоиться о посещении этого сайта, он все равно должен его поддерживать.

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

Каковы ограничения мобильных телефонов?

Answer 1

В зависимости от того, какие телефоны вам нужны для поддержки, вы можете столкнуться с некоторыми головными болями.

Некоторые из вещей, которые необходимо учитывать:

Вы должны рассмотреть массивное разнообразие размеров экрана.

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

Да, как вы подозреваете, не все браузеры поддерживают все форматы изображений.

Нужно ли вам поддерживать сенсорный экран и устройства с сенсорным экраном? Если вы это сделаете, вам нужно будет рассмотреть размер элементов, которые нужно коснуться.

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

Различные мобильные браузеры имеют свои собственные особенности в отношении рендеринга HTML.

Безопаснее всего использовать поддержку javascript, за исключением последних смартфонов. Если вы вернетесь дальше, то поддержка в лучшем случае непоследовательная.

Поддержка CSS также зависит от браузера. Не пытайтесь делать что-нибудь умное с помощью CSS.

Некоторые старые браузеры также не поддерживают CSS или JS в отдельных файлах.

Вам нужно знать разные доктрины, которые требуют разные браузеры.

Один, вертикально прокручиваемый макет, как правило, лучше всего подходит для мобильных веб-страниц.

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

И тест на реальных устройствах. Особенно для старых устройств.

Answer 2

Некоторые старые телефоны поддерживают PNG, некоторые - нет.

Некоторые старые телефоны поддерживают PNG с прозрачностью, некоторые - нет.

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

Для новых телефонов - используйте его с поддержкой прозрачности PNG.