Discussion :

[Yepazix]

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.

[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

Bon courage pour la suite

[Vil'Coyote]

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

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

[zecreator]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.