Hemsidekodning för iOS och Andriod

Permalänk
Medlem

Hemsidekodning för iOS och Andriod

Jag undrar om det finns något känt sätt att skicka vidare användare till anpassade delar av hemsidan beroende på om man surfar med ios, andriod eller andra mobila operativsystem, samt beroende på vilken skärmupplösning man har?

MVH / Tobias

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Medlem
Skrivet av hemfrid:

Jag undrar om det finns något känt sätt att skicka vidare användare till anpassade delar av hemsidan beroende på om man surfar med ios, andriod eller andra mobila operativsystem, samt beroende på vilken skärmupplösning man har?
MVH / Tobias

User Agent matching + mod_rewrite, upplösning vettetusan dock.

Permalänk
Medlem
Skrivet av iXam:

User Agent matching + mod_rewrite, upplösning vettetusan dock.

Exakt vad är User Agent Matching och mod_rewrite?

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Medlem
Skrivet av hemfrid:

Jag undrar om det finns något känt sätt att skicka vidare användare till anpassade delar av hemsidan beroende på om man surfar med ios, andriod eller andra mobila operativsystem, samt beroende på vilken skärmupplösning man har?

MVH / Tobias

För upplösning finns media queries i CSS
http://www.w3.org/TR/css3-mediaqueries/
Det skickar dig dock inte vidare utan ändrar CSS:en för sidan när upplösningen matchar.
Annars går det ju som nämnts tidigare med user-agent detection.

Skrivet av hemfrid:

Exakt vad är User Agent Matching och mod_rewrite?

Du kollar vilken webbläsare användaren har med User Agent matching. Sen gör du något när du vet vilken webbläsaren det är. T.ex. redirectar dom till en annan sida eller liknande.
Finns som Javascript och PHP m.m

Permalänk
Medlem
Skrivet av agentq15:

För upplösning finns media queries i CSS
http://www.w3.org/TR/css3-mediaqueries/
Det skickar dig dock inte vidare utan ändrar CSS:en för sidan när upplösningen matchar.
Annars går det ju som nämnts tidigare med user-agent detection.

Du kollar vilken webbläsare användaren har med User Agent matching. Sen gör du något när du vet vilken webbläsaren det är. T.ex. redirectar dom till en annan sida eller liknande.
Finns som Javascript och PHP m.m

Tack så mycket för hjälpen!

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Medlem

Läs på om responsiv design för exempel på sidor som ändrar skepnad med upplösning.

Permalänk
Medlem

Det enklaste är nog CSS Media-queries, då slipper du vara specifik med enheterna.
Man säger bara till sidan att ändra element om skärmens storlek är XXX, media-query har även landskaps-läge(liggande mobil).

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Avstängd

Kolla in Twitter bootstrap, mycket bra när man ska skriva responsiva sidor

Visa signatur
Permalänk
Medlem

Lär dig RWD istället för att använda dig av UA-sniffing och redirects. Det är lättare, snyggare och roligare.

Visa signatur