вопросы нуба по использованию jquery mobile - PullRequest
0 голосов
/ 28 июля 2011

Прежде чем начать, я должен объяснить, что я относительно нуб с меньшим опытом веб-разработки. Для определенного сайта, который я разрабатываю, требуются функциональные возможности swipeleft и swiperight для сенсорных устройств, а именно iphone, ipad, android телефонов и планшетов. Чтобы реализовать это, мне предложили использовать jQuery mobile, и это звучало хорошо, так как я фанат jQuery. Однако, несмотря на все, что Google мог дать мне, я бы попросил разъяснения по поводу следующего

  1. Должен ли тип документа обязательно быть html 5, поскольку он использует такие атрибуты, как data-role

  2. Мой сайт активно использует jQuery и jQueryUI и станет мобильным jQuery искажать фактический реализованный дизайн макета.

  3. Я не могу разделить слой просмотра для мобильного и обычного трафика.

  4. Если jQuery mobile подходит для мобильного использования без влияет на нормальный дизайн и функциональность, что будет лучшим пути тестирования сайта на множественные сенсорные устройства (симуляторы возможно).

Некоторые детали на простом английском из этого замечательного места были бы замечательными ... Заранее спасибо!

EDIT

Чтобы еще глубже разобраться в моей проблеме, здесь мне поможет плагин jQuery для функции смахивания, например touchSwipe или wipeTouch. Также, какие бы лучшие методы для проверки функциональности с iPad или телефона Android, если я реализовал плагин с моим кодом. Скажем, какой-нибудь плагин, такой как IE симулятор для Firefox, который может распознавать жест смахивания с помощью перетаскивания мышью (просто жадный и отчаянный)

Еще раз спасибо ...

Ответы [ 2 ]

0 голосов
/ 28 июля 2011

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

Обнаружить, если вы находитесь на рабочем столе / мобильном телефоне, довольно легко. Просто найдите user agent при загрузке страницы и перенаправьте соответственно. Если хотите, я могу дать вам несколько способов перенаправления на основе пользовательских агентов.

JQuery Mobile может исказить дизайн, который у вас есть в настоящее время, если вы неправильно отформатировали страницу. JQuery Mobile добавит много дополнительных CSS, и обойти это может оказаться непросто, особенно с другими элементами JQuery. Диалоги являются одним из примеров того, что JQuery Mobile будет делать иначе, чем JQuery

Наилучшим способом будет тестирование через эмуляторы В Google Chorme есть добавление Ripple, которое я обычно использую, хотя оно не самое надежное. Поскольку существует так много разных телефонов, иногда проще попробовать протестировать на как можно большем количестве живых (разные версии, платформы и т. Д. В JQuery Mobile могут сильно отличаться друг от друга)

0 голосов
/ 28 июля 2011

Если вы действительно хотите разделить представления для настольных компьютеров и мобильных устройств, я видел здесь рекомендации для http://detectmobilebrowser.com/, но я не использовал их. Это обеспечивает код для выполнения его на стороне сервера на различных языках или в JavaScript.

Одна из основных целей jQuery Mobile - предоставить пользовательский интерфейс для мобильных устройств; поэтому стили, безусловно, будут конфликтовать всеми способами с вашими текущими шаблонами, если вы попытаетесь просто добавить туда обе таблицы стилей. Если вы просто хотите добавить поддержку смахивания поверх вашего текущего сайта, то, вероятно, есть много плагинов jQuery, которые могут помочь с этим.

Re: HTML5, из документации JQM,

Сайт jQuery Mobile должен начинаться с HTML5 'doctype', чтобы полностью Преимущество всех возможностей фреймворка. (Старые устройства с браузеры, которые не понимают HTML5, будут безопасно игнорировать «тип документа» и различные пользовательские атрибуты.)

...