Je dispose du code suivant, et j'aimerai l'appliquer que si le navigateur est différent de Google Chrome, je ne forces pas l'utilisateur à le télécharger, juste l'avertir que le site n'est pas entièrement configuré jusqu'à présent pour d'autres navigateurs (surtout IE):

J'ai vu quelques discussions sur le net à propos du appName, mais je n'arrive pas à comprendre et à l'appliquer sur mon code JS.
Code css : 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
#SiPasGoogleChrome {
z-index:1000000;
position: absolute;
top: 300px;
left:40%;
width:520px;
height:50px;
text-align:left;
color: #0090FF;
padding:5px;
background-color:black;
border: 3px solid #0090FF;
border-radius: 10px;
font-size: 15px;
font-weight : bold;
}
#SiPasGoogleChrome span{
z-index:1000002;
position:absolute;
left:10px;
top:12px;
transition: all 1s; 
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#SiPasGoogleChrome #GC{
z-index:1000001;
left:472px;
filter: saturate(100%);
-webkit-filter: saturate(100%);
-moz-filter: saturate(100%);
-o-filter: saturate(100%);
position:relative;
height:50px;
width:50px;
transition: all 0.5s; 
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
 
#SiPasGoogleChrome #GC:hover{
filter: saturate(200%);
-webkit-filter: saturate(200%);
-moz-filter: saturate(200%);
-o-filter: saturate(200%);
cursor:pointer;
}
 
#grisement{
position: fixed;
z-index:999999;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
opacity:0.5;
}
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div  id="grisement" style=""></div>
<div id="SiPasGoogleChrome">
<a href="http://www.google.fr/intl/fr/chrome/browser/" target="_blank"><img id="GC" src="http://i.pcworld.fr/1205791-chrome-10-logo.png" title="Télécharger" /></a>
<span>
Si vous n'utiliser pas le navigateur Google Chrome,<br />
Il est fortement recommander de l'utiliser pour ce blog.
</span>
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
var IMG = document.getElementById('GC');
var DIV = document.getElementById('SiPasGoogleChrome');
var GRIS = document.getElementById('grisement');
var WIDGET = document.getElementsByClassName('.tabs-outer');
 
IMG.onclick = function(){
  IMG.flag = true;
  DIV.style.visibility='hidden';
  IMG.style.visibility='hidden';
  GRIS.style.visibility='hidden';
  WIDGET.style.visibility='hidden';
;}
Aperçu.

Merci de votre aide.