Detection du navigateur

**ProgElecT** · 05/03/2019, 18h38

Salut

Aujourd’hui j'ai besoin de détecter le navigateur utilisé pour lancer un programme par différentes personnes, pour agir suivant celui-ci.

J'ai donc fait un petit programme qui sera intégré plus tard dans le programme principal.

Code HTML :

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
41
<!DOCTYPE html>
<html lang="fr"> <!-- DetecNavig.html -->
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<title>detection du navigateur</title>
</head>
<body>
 
<h2>L'objet Navigator</h2>
<p>La propriété userAgent renvoie l'en-tête de l'agent utilisateur envoyé par le navigateur au serveur:</p>
<p id="demo"></p>
<p id="demo2"></p>
 
<script>
var navigateur = navigator.userAgent;
document.getElementById("demo").textContent = navigateur;
var MsG;
 
//Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0
if(navigateur.indexOf("Firefox")>=1){MsG = "Firefox";}
 
//Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134
if(navigateur.indexOf("Edge")>=1){MsG = "Edge";}
 
//Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko
if( navigateur.indexOf("NET4")>=1){MsG ="Ie";}
 
//Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36
if((navigateur.indexOf("Chrome")>=1 && navigateur.indexOf("Edge") <=0)){MsG="Chrome";}
 
//Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36 OPR/58.0.3135.79
if( navigateur.indexOf("OPR")>=1){MsG = "Opera";}
 
//Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2
if((navigateur.indexOf("Safari")>=1 && navigateur.indexOf("Chrome")<=0)){MsG = "Safari";}
 
document.getElementById("demo2").textContent = "le navigateur est : " + MsG;
</script>
 
</body>
</html>

Je me pose quand même la question de combien de temps cela sera juste, et si j'ai bien réussi à faire la détection pour différentes plateformes (OS) et ces 5 navigateurs.

Quand penser-vous ? existe t'il une meilleurs façon de faire ?

**danielhagnoul** · 05/03/2019, 22h19

Il existe déjà beaucoup de programmes pour réaliser cette tâche, voir : https://www.google.be/search?q=js+br...hrome&ie=UTF-8

**ProgElecT** · 05/03/2019, 23h06

Salut

Merci danielhagnoul pour les liens, je regarde demain et je tiendrai au courant.

**ProgElecT** · 06/03/2019, 09h29

Salut (du matin

)

Bon, après avoir navigué dans les différents liens et lut/décortiqué toutes les informations, je conclu que mon besoin n'est pas vraiment de détecter le navigateur, mais plutôt de détecter si le navigateur employé supporte une/des fonctions précises.

Mon besoin est donc de savoir si le navigateur supporte le localStorage, si oui pas de problème, si non, agir en conséquence, ce qui va t'être le sujet d'une nouvelle discussion

.

Merci encor danielhagnoul.

**danielhagnoul** · 06/03/2019, 09h55

Envoyé par ProgElecT

[...] Mon besoin est donc de savoir si le navigateur supporte le localStorage, si oui pas de problème, si non, agir en conséquence, ce qui va t'être le sujet d'une nouvelle discussion

. [...]

Il suffit d'un if (window.localStorage) { // code }.

Voir ce lien pour plus d'info dans le cas contraire : https://developer.mozilla.org/fr/doc...e/LocalStorage

**Doksuri** · 06/03/2019, 10h37

sinon, plus bourrin :

Code javascript :

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

1
2
3
4
5
6
7
let supportLS = false;
try {
localStorage.setItem('testLocalStorage', true);
localStorage.getItem('testLocalStorage');
localStorage.removeItem('testLocalStorage');
supportLS = true;
} catch(e) { /*console.log('localStorage not supported');*/ }

**ProgElecT** · 06/03/2019, 11h02

Re

@danielhagnoul pourquoi faire simple quand on peut faire compliquer

Je fais comme cela

Code :

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

1
2
3
4
5
6
7
8
			function IslocalStorage() {
				try {
					localStorage.setItem('NameKey','Le teste');
					localStorage.removeItem('NameKey');
					return true;
				} catch(err) {
					return false;
				}

que j'appelle dans le onload

Donc très proche de la solution de Doksuri

Merci à vous deux.

Detection du navigateur

JavaScript

Discussions similaires

Partager

Partager