jQuery Mobile для мобильных и настольных ПК?

Question

Я занимаюсь разработкой веб-приложения.MySql / PHP back-end и HTML / jQuery front-end.

Я хотел использовать каркас пользовательского интерфейса jQuery.

Теперь видно, что jQuery Mobile отсутствует, и я хочу сделать приложение максимально доступным для мобильных устройств.

Я гуглил, но не нашел качественного ответа.

Можно ли заставить все это работать с одним и тем же кодом, если я использую jQuery Mobile?

Мне бы хотелось, чтобы мобильные виджеты отображались при доступе из мобильного браузера.
Но доступ к виджетам jQuery UI осуществляется из браузера настольных компьютеров.

Это возможно только при использовании jQuery Mobile иего разметка, или я должен написать интерфейс для мобильных устройств (jQuery Mobile) и десктопов (jQuery UI) отдельно?

То есть, может ли jQuery Mobile автоматически «откатиться» к пользовательскому интерфейсу jQuery, если к нему обращается из браузера настольного компьютера.

Answer 1

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

Во-вторых, две структуры пользовательского интерфейса сильно различаются в том, как они используются. Пользовательский интерфейс jQuery - это коллекция виджетов, которые вы можете вызывать, когда захотите и где хотите, в некотором смысле это библиотека (ish) с поддержкой CSS. JQuery Mobile работает совсем по-другому, однако по умолчанию это фреймворк, управляемый разметкой, и для его запуска и запуска не требуется, чтобы вы написали даже 1 строку Javascript.

Я бы посоветовал вам думать о слое данных как о вашем общем коде, а о стороне клиента - как о двух совершенно отдельных работах. Лично мне удалось создать приложения, используя обычные веб-сервисы REST. Я использую пользовательский интерфейс jQuery для использования веб-сервисов и создания гибридных приложений для клиентской части. Затем я для мобильной версии использую серверную часть веб-сервисов для создания HTML-страниц jQuery-mobile для использования на мобильных устройствах.

Также обратите внимание, что генерация динамического HTML на стороне клиента с помощью jQuery Mobile наверняка вызовет у вас огромные головные боли. Пока проект не достигнет зрелости, я буду использовать его только для улучшения фреймворков с высокой семантической разметкой. Создайте хороший сплошной слой данных, а все остальное будет просто:)

Answer 2

Я думаю, что это во многом зависит от того, что вы хотите сделать, и от функциональности, которую вы пытаетесь захватить.Если вы хотите, чтобы веб-страница работала определенным образом на мобильных устройствах и на одном и том же рабочем столе, то после тщательного кодирования / тестирования вы будете в порядке с jquery.mobile.

Если вы проверили CSS для jquery.mobile (несжатая версия), вы можете отредактировать код напрямую, чтобы показать элементы HTML так, как вы хотите для определенных размеров экрана.Просто выберите один для рабочего стола / больших размеров экрана, чтобы масштабировать соответствующим образом.

В зависимости от того, что вы пытаетесь достичь с точки зрения своей мобильной версии, я бы также ознакомился с jQTouch - который предоставляет функции, специфичные для мобильных устройств, такие как «тап» (вместо "click"), в качестве примера - но также имеет параметр desktopCompatability, поэтому он возвращается для браузеров настольных компьютеров.

Одна заметка, с любой из этих библиотек вам все равно понадобится корневая библиотека jquery.

Надеюсь, это поможет.

Answer 3

Вот полный исходный код: https://github.com/ti-dev/Scrum-it для Scrum Board с открытым исходным кодом, который предназначен для настольных устройств и Apple iPad. Таким образом, можно объединить эти два мира на одной веб-странице.