Detection du navigateur

Version imprimable

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:

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 ?

05/03/2019, 22h19
danielhagnoul

:salut:

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
05/03/2019, 23h06
ProgElecT

Salut

Merci danielhagnoul pour les liens, je regarde demain et je tiendrai au courant.
06/03/2019, 09h29
ProgElecT

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 8-).

Merci encor danielhagnoul.
06/03/2019, 09h55
danielhagnoul

Citation:

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 8-). [...]

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

sinon, plus bourrin :

Code:

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');*/ }

Re

@danielhagnoul pourquoi faire simple quand on peut faire compliquer :aie:

Je fais comme cela
Code:

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.