✅ Уеб на мобилни устройства

Съдържание

Решение би било да се разработи приложение за всяко устройство и платформа Android, iOS, BlackBerry, Windows Phone и т.н.
Другата би била създаването на мобилна уеб версия. Интересен вариант е да използвате Jquery mobile, рамка на Jquery, за да улесните съвместимото разработване на уебсайтове, ориентирани към мобилни устройства. Jquery е javascript рамка, широко използвана в разработката на уебсайтове.
Една от основните цели на Jquery mobile е, че разработчикът не трябва да се бори с браузърите за съвместимост, а по -скоро рамката осигурява съвместимост.
Ще започнем с изтеглянето на рамката от http://jquerymobile.com/download/ библиотеките jquery и css, можем да ги използваме компресирани или некомпресирани.
Ние създаваме заглавката на мрежата, указваща библиотеките, които ще използваме

 Наемете колата си

След това създаваме тялото на мрежата, не излагаме css тук, но можете да му дадете желания формат и дизайн. Рамката на Jqeury има различни програмирани компоненти, така че да можем да използваме и улесняваме задачата. В този случай ще използваме listview.



мини Купър


Мерцедес

Компонентът listview трансформира html списък


вещ

в списък с атрибут на ролята lisview

 

Елемент 1

Мобилните и css библиотеките на Jquery вече са дефинирали предварително кода, който ще преобразува списъка в меню като това, което ще видим
Идеята тогава за уебсайт за коли под наем. Когато потребителят избира колата, която иска, и може да отиде в технически лист, може да се добави и форма за контакт.

Виждаме как в този случай listview се е превърнал в меню за избор на колите, примерът е само началната страница на мрежата. Можем също така да проверим дали работи на всяко мобилно устройство или на компютри.
Има много атрибути и предимства, които тази рамка има, друга възможност за нашето приложение би било да разделим на категории, използвайки атрибута разделител на списъци, например за разделяне на Седан и Кабрио.

 
Седан


мини Купър

Кабрио


Мерцедес

Възможностите за създаване на приложения са безкрайни, за статични или динамични уебсайтове и приложения за улавяне на данни.
Много добър и безплатен инструмент за разработчиците е Netbeans, тъй като включва всички библиотеки за разработване на приложения с html5 и Jquery mobile.
Има различни онлайн инструменти като http://ipadpeek.com/ за тестване на приложения, въпреки че те не са напълно точни, тъй като са симулатори.
Можем да видим същия пример, но с атрибута разделител на списък, приложен като примерХареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка