seule page pour mobile/iPhone bureau

Question

i ont mis au point une version mobile d'une page et il utilise une java spécifique mobile et css

je suis venu à travers de nombreuses solutions pour orienter les utilisateurs mobiles/iPhone à cette page spécifique et utilisateurs de bureau à la page Web originale.

mais ce que je veux, c'est que je reçois les deux choses dans une page et lorsque l'utilisateur est sur mobile que certaines parties de javascript et css s'exécutent sur la même page sans que l'utilisateur soit redirigé vers d'autres pages. Est-ce possible?

Answer 1

Vous pouvez trouver l'article A List Apart récent, Responsive Web Design, utile. Il se concentre principalement sur CSS, en utilisant des requêtes des médias pour cibler séparément les appareils petit écran, par exemple .:

<link rel="stylesheet" type="text/css" 
    media="screen and (max-device-width: 480px)" 
    href="shetland.css" /> 

Vous pouvez également jeter un oeil à Modernizr, il ne sera pas beaucoup d'aide à la détection d'un navigateur mobile spécifique, mais cela facilite la détection des fonctionnalités, de sorte que vous ne pouvez charger qu'un seul script si certaines fonctionnalités sont disponibles.

Answer 2

Oui, c'est possible. Pour CSS il suffit d'utiliser media attribute pour l'élément link:

<link rel="stylesheet" href="..." media="handheld" /> 

Pour JS, vous devrez detect using user agent signature ou non visiteur utilise appareil mobile.