✅ Webb på mobila enheter

Innehållsförteckning

En lösning skulle vara att utveckla en applikation för varje enhet och plattform Android, iOS, BlackBerry, Windows Phone, etc.
Den andra skulle vara att skapa en mobil webbversion. Ett intressant alternativ är att använda Jquery mobile, ett Jquery-ramverk för att underlätta kompatibel utveckling av mobilorienterade webbplatser. Jquery är ett javascript -ramverk som används i stor utsträckning vid webbplatsutveckling.
Ett av huvudmålen med Jquery mobile är att utvecklaren inte behöver slåss med webbläsare om kompatibilitet, utan snarare att ramverket ger kompatibilitet.
Vi börjar med att ladda ner ramverket från http://jquerymobile.com/download/ jquery- och css -biblioteken, vi kan använda dem komprimerade eller okomprimerade.
Vi skapar webbhuvudet som anger biblioteken som vi kommer att använda

 Hyr din bil

Sedan skapar vi webbens kropp, vi avslöjar inte css här men du kan ge det det format och den design du vill ha. Jqeury -ramverket har olika komponenter redan programmerade så att vi kan använda och underlätta uppgif.webpten. I det här fallet kommer vi att använda listvy.



Mini Cooper


Mercedes

Listview -komponenten omvandlar en html -lista


Artikel

i en lista med rollattributet lisview

 

Element 1

Jquery mobile och css bibliotek har redan fördefinierat koden som kommer att omvandla listview till en meny som den vi kommer att se
Idén då om en hyrbilssida. Där användaren väljer den bil han vill ha och kan gå till ett teknisk blad kan ett kontaktformulär också läggas till.

Vi ser hur listvyn i detta fall har blivit en meny för att välja bilar, exemplet är bara webbsidan. Vi kan också kontrollera att det fungerar på alla mobila enheter eller på datorer.
Det finns många attribut och fördelar som denna ram har, en annan möjlighet för vår applikation skulle vara att dela upp i kategorier med hjälp av list-divider-attributet till exempel för att dela Sedan och Cabrio.

 
Sedan


Mini Cooper

Cabrio


Mercedes

Möjligheterna att skapa applikationer är oändliga, för statiska eller dynamiska webbplatser och datafångstapplikationer.
Ett mycket bra och gratis verktyg för utvecklare är Netbeans eftersom det innehåller alla bibliotek för att utveckla applikationer med html5 och Jquery mobile.
Det finns olika onlineverktyg som http://ipadpeek.com/ för att testa applikationer, även om de inte är helt korrekta eftersom de är simulatorer.
Vi kan se samma exempel men med attributet list-divider tillämpat som ett exempelGillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng