Hogyan lehet azt megoldani, hogy mobilról a www.m.valami.hu oldalra navigáljon a látogató viszont számítógépről a www.valami.hu oldalt töltse be neki?

Pusztán szerveroldalról, a User-Agent ( [link] ) HTTP-fejléc vizsgálatával lehet eldönteni, hogy asztali vagy mobil gépről van szó:

[link]

Kliensoldalon a window.navigator.userAgent:

[link]

tartalmazza ezeket az információkat.

Viszont reszponzív weboldalaknál inkább a böngésző szélességére építenek - erre ott van CSS-ben a media queries:

[link]

Javascriptben erre ott a window.innerWidth (ez magában foglalja a függőleges görgetősávot):

[link]

vagy a document.documentElement.clientWidth (ez meg magának a tartalomnak a szélessége):

[link]

Már egy ideje antipattern a külön mobil oldal gyártása, tekintve, hogy a látogatók jó 70%-a már mobilon netezik (persze ez az oldal témájától nagyban függ). Külön mobil oldal dupla fejlesztési idő, nehezebb karban tartani és SEO szempontból sem jó.

Manapság reszponzív oldalakat szokás fejleszteni, amik egyaránt jól néznek ki mobil és asztali eszközön is.