Ограничения веб-страницы для использования на iphone/смартфонах

Я хочу разрешить нашему основному приложению создавать файлы документов, которые можно легко читать на iphone или других смартфонах. Я думаю, что самый простой способ сделать это — создать простой HTML-файл и использовать javascript для отображения/скрытия различных его частей. Например, когда пользователь щелкает / касается «раздела 1», раздел расширяется, чтобы показать его полную информацию; в противном случае он останется свернутым для экономии места.

Какие рекомендации я должен соблюдать при создании этого файла? Я провел небольшое исследование и пришел к следующему:

  • У iphone родное разрешение 320x480, но для веб-страницы видно только около 320x400.
  • Другие смартфоны имеют разрешение от 160x120 (вероятно, недостаточно высокое, чтобы заморачиваться) до 320x240, а некоторые даже 480x640.

Они полезны, например, для принятия решения о том, как стилизовать и упорядочить вывод HTML. Есть ли другие полезные рекомендации для работы? Например:

1) Насколько большими/маленькими я должен делать вещи, чтобы у пользователя была достаточно большая «целевая область»?

2) Как я могу получить файл на iphone? Придется ли пользователю перетаскивать его через USB?

3) Какой размер шрифта я могу использовать, прежде чем он станет слишком маленьким для чтения?

и т. д. и т. д. На самом деле у меня нет iphone для тестирования, что делает это немного более проблематичным.

Спасибо за вашу помощь!


person Colen    schedule 25.03.2009    source источник


Ответы (4)


Я не знаю о других смартфонах, но единственный способ, которым ваш файл попадет на iPhone, — это через веб-браузер, электронную почту или специальное приложение, которое вы пишете. Общего механизма загрузки файлов на iPhone нет.

На удивление легко читать даже довольно мелкий текст на iPhone, а масштабирование на основе жестов позволяет очень легко увеличивать и уменьшать масштаб.

person Mark Bessey    schedule 25.03.2009

Если вы собираетесь предоставлять свои документы через ASP.NET, вы можете проверить это: http://mdbf.codeplex.com/. Это позволяет вам определить, какой смартфон сделал запрос, затем вы можете проверить возможности (разрешение экрана, цветной дисплей, высота пикселей экрана и т. д.)

person codeclash    schedule 25.03.2009

Большинство мобильных браузеров отображают XHTML-MP (мобильный профиль XHTML). Вы можете уйти от рендеринга этого.

iPhone (и другие телефоны WebKit, такие как Android) поддерживают метатеги области просмотра, которые могут сделать работу более адаптированной к размеру экрана телефона. Вы можете узнать об этом в документах Apple по созданию веб-страниц iPhone.

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

person Genericrich    schedule 25.03.2009

Я не уверен, насколько это актуально, но Yahoo говорит, что один из ограничения для iPhone заключаются в том, что он не будет кэшировать файлы размером более 25 КБ без сжатия. Это не обязательно повлияет на ваш дисплей, но может повлиять на вашу производительность, поэтому вы можете принять это во внимание при разработке своего дизайна.

person VirtuosiMedia    schedule 25.03.2009