Mobile or not mobile la est la question

Version imprimable

22/04/2013, 23h43
Yepazix

Mobile or not mobile la est la question

Bonjour,
Petite question simple voir débile :-)
J'ai un site Internet (presque fini) destiné à s'afficher sur les PC.
J'ai une version "alternative" de ce site destinée à s'afficher sur les téléphones et tablettes.
La question est : comment détecter ce que l'user utilise et comment le rediriger vers la bonne version ?

Merci.
23/04/2013, 11h01
seymouche

Bonjour,

Je ne sais pas trop quel langage tu utilises, mais si jamais tu t'es tourné vers php, il me semble qu'il existe une classe pour détecter l'appareil utilisé.

Plus d'information ici.

Après pour la redirection je n'ai pas eu le temps de chercher encore :roll:

Bon courage pour la suite ;)
23/04/2013, 11h29
Vil'Coyote

quatre possibilités :
- htaccess
- php
- javascript
- média queries

à toi de voir ce qui t'es le plus adapté.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/**

	Test la plateforme d'exécution

*/
	String.prototype.trim = function(){
		return (this.replace(/^[\s\xA0]+/, "").replace(/[\s\xA0]+$/, ""));
	}

	String.prototype.startsWith = function(str){
		return (this.match("^"+str)==str);
	}

	String.prototype.endsWith = function(str){
		return (this.match(str+"$")==str);
	}

	// Détection de la plateforme
		
	os = 'normal';
		
	// Android
	var ua = navigator.userAgent.toLowerCase();
	var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
		
	if(isAndroid) {
	  os = 'android';
	} 

	// iPhone ou iPod
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){
		os = 'iphone';
	}

	// iPad
	var isiPad = navigator.userAgent.match(/iPad/i) != null;
	if(isiPad){
		os = 'ipad';
	}

J'utilise ce bout de code Javascript pour détecter la plateforme :
- android
- iphone
- ipod
- ipad
...

restera à tester la version et la résolution d'affichage.