CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Mcoroklo Nybegynder

12. april 2011 - 10:29 Der er 3 kommentarer og
2 løsninger

Hjemmeside med iPhone/mobil frontend?

På det seneste er der på mange hjemmesider lavet to forskellige frontends:

1) Standard hjemmeside som vises når man besøger hjemmesiden med en normal browser på en computer
2) Mobil hjemmeside som vises når den åbnes med en iPhone/Android telefon

Jeg er blevet lidt nysgerrig: Hvordan gør man dette? Helt konkret har jeg følgende to spørsgmål:

1) Hvordan laver man opdelingen, så f.eks. en iPhone ser den mobile frontend? Er det bare et tjek på operativsystemet også videresende til A eller B i noget code-behind?

2) Hvordan udvikler man specifikt til iPhone? Et link som kan få mig i gang ville være super..

På forhånd, mange tak for hjælpen!

Synes godt om

Mcoroklo Nybegynder

12. april 2011 - 10:30 #1

Jeg læste lige min besked igennem igen:

Der menes ikke udvikles specifikke applikationer til iPhone. Jeg har rodet med objective C før, men jeg regner ikke ligefrem med at hjemmesiderne kodes i det ;-) hæhæ.

Synes godt om

claes57 Ekspert

12. april 2011 - 10:37 #2

http://rafael.adm.br/css_browser_selector/
lidt javascript, og din css kan opdeles i bla ipad, iphone og meget andet
win - Microsoft Windows (all versions)
vista - Microsoft Windows Vista
linux - Linux (x11 and linux)
mac - Mac OS
freebsd - FreeBSD
ipod - iPod Touch
iphone - iPhone
ipad - iPad
webtv - WebTV
j2me - J2ME Devices (ex: Opera mini)
blackberry - BlackBerry
android - Google Android
mobile - All mobile devices

Synes godt om

madand Nybegynder

12. april 2011 - 11:03 #3

Hver browser har en agentstring, og den kan du evt. tjekke på.

Så hvis agentstringen fortæller dig at det er en iPhone, så kan du enable et stylesheet, eller du kan undersøge hvilken opløsning brugeren kører med, og derefter, vælge et stylesheet, siden skal bruge.

Sådan tror jeg, at jeg ville gøre.

Skriv "agent string" i google, hvis du ikke lige kender til det.

Synes godt om

phliplip Nybegynder

12. april 2011 - 12:13 #4

http://detectmobilebrowser.com/

Ovenstående side har forskellige scripts der kan klare redirecten, jeg bruger selv Apache/mod_rewrite scriptet i firmaet.

Jeg er også igang med at udvikle et mobil site, til online bestilling. Jeg startede med jqTouch (http://www.jqtouch.com/), men skiftede til jQuery Mobile (http://jquerymobile.com/).

jqTouch er primært minded mod iPhone/mobilesafari, og selvom jQuery Mobile stadig kun er i Alpha stadiet, så har jeg ikke haft de større problemer med det jeg har lavet indtil videre.

Fælles for de 2 er at det er JavaScript frameworks, der bygger videre på jQuery - der også er et JS framework. Du skal selvfølgelig have styr på HTML(5) og CSS.

Synes godt om

phliplip Nybegynder

12. april 2011 - 12:16 #5

Argh.. latterlig URL highlighter de bruger på EXP, halvdelen af mit indlæg mangler

..

Men er nu skiftet til jQuery Mobile http://jquerymobile.com/

..

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS