Web på mobile enheder - jQuery Mobile

En løsning ville være at udvikle en applikation til hver enhed og platform Android, iOS, BlackBerry, Windows Phone osv.
Den anden ville være at oprette en mobilwebversion. En interessant mulighed er at bruge Jquery mobile, en Jquery-ramme til at lette den kompatible udvikling af mobilorienterede websteder. Jquery er en javascript -ramme, der er meget udbredt i udvikling af websteder.
Et af hovedmålene med Jquery mobile er, at udvikleren ikke skal kæmpe med browsere om kompatibilitet, men derimod at rammen giver kompatibilitet.
Vi starter med at downloade rammen fra http://jquerymobile.com/download/ jquery og css bibliotekerne, vi kan bruge dem komprimeret eller ukomprimeret.
Vi opretter webens overskrift, der angiver de biblioteker, vi vil bruge

 Lej din bil 

Derefter opretter vi selve brødteksten, vi afslører ikke css her, men du kan give det det format og design, du ønsker. Jqeury -rammen har forskellige komponenter, der allerede er programmeret, så vi kan bruge og lette opgaven. I dette tilfælde vil vi bruge listevisning.

mini Cooper


Mercedes

Listview -komponenten transformerer en html -liste

vare

i en liste med lisview -rolleattributten

 

Element 1

Jquery mobile og css biblioteker har allerede foruddefineret koden, der vil omdanne listevisning til en menu som den, vi vil se
Ideen derefter med en biludlejning hjemmeside. Hvor brugeren vælger den bil, han ønsker, og kan gå til et teknisk ark, kan der også tilføjes en kontaktformular.

Vi ser, hvordan listevisningen i dette tilfælde er blevet en menu til valg af biler, eksemplet er kun webstedets hjemmeside. Vi kan også kontrollere, at det fungerer på enhver mobil enhed eller på computere.
Der er mange attributter og fordele, som denne ramme har, en anden mulighed for vores applikation ville være at opdele i kategorier ved hjælp af attributten listeopdeling f.eks. For at opdele Sedan og Cabrio.

 
Sedan


mini Cooper

Cabrio


Mercedes

Mulighederne for at oprette applikationer er uendelige, for statiske eller dynamiske websteder og datafangstapplikationer.
Et meget godt og gratis værktøj til udviklere er Netbeans, da det inkluderer alle bibliotekerne til at udvikle applikationer med html5 og Jquery mobile.
Der er forskellige onlineværktøjer såsom http://ipadpeek.com/ til at teste applikationer, selvom de ikke er helt nøjagtige, da de er simulatorer.
Vi kan se det samme eksempel, men med attributten list-divider anvendt som et eksempelKan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt