Cacher un div suivant le navigateur

Version imprimable

Bonjour,
J'aimerais que suivant si c'est edge qui s'ouvre ou chrome un div se cache. Voici mon code :

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
<p>
<script>
        <!--[if lt chrome]>
        <style>
          #cache {
          display:none;
          }
          </style>
        <![endif]-->
</script>
</p>
<p>
<div class="centre">
    <video width="760px" height="auto" controls="controls" preload="auto" poster="https://www.reine-du-sud.fr/Videos/PosterEdith.jpg">
    <source src="https://www.reine-du-sud.fr/Videos/ReineDuSud2.mp4" type="video/mp4">
    <source src="https://www.reine-du-sud.fr/Videos/ReineDuSud2.webm" type="video/webm">
     Votre navigateur est obsolète... Veuillez le mettre à jour.
    </video>
</div>
</p>
     <br>
     <br>
     <p>
<div id="cache">                       
     <hr>                  
     <p class="centre text1"><span style="font-size: 16px; color: #22FB0E; ">Sous Chrome, cliquez sur les 3 points de la vidéo pour la télécharger !</span><br></p>
     <hr>
</div>
</p>

... Et ça ne fonctionne pas !
Pouvez-vous me conseiller ?
Dans le cas, présent je voudrais cacher le div sous edge...
D'avance, merci
Cordialement

23/08/2019, 19h58
Invité

Bonjour,

depuis quand on met des balises <style> DANS des balises <script> ? :cfou:
27/08/2019, 07h49
Sparky95
Salut,
Écoute le plus simple et le plus rapide eu été de faire une recherche toi même
- Get browser info php
- Get browser info js
tapes ça sur Google après si t'as vraiment encore besoin d'aide, faudra vraiment apprendre à faire des recherches.
Maintenant si jamais c'est le cas, reviens quand même je t'aiderai.
27/08/2019, 11h35
momongana

Connaitre le navigateur du visiteur

Bonjour,
J'ai bien noté le dernier message de Sparky 95... Je suis allé voir les liens... mais avec mes 75 ans et toute l'envie de comprendre, je ne vois pas ou insérer les codes pris sur le net.
Si d'aprés le code mis dans mon message, vous pourriez me dire comment insérer le code des liens dans mon code... Ce serait hyper sympa.
D'avance, merci
En somme, il me faudrait un code qui si c'est Chrome, je puisse afficher une Div et si c'est Edge, il me la cache...
Cordialement

Bonjour,

Trouvé ici :

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
// Opera 8.0+
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
 
// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';
 
// Safari 3.0+ "[object HTMLElementConstructor]" 
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification));
 
// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;
 
// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;
 
// Chrome 1 - 71
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
 
// Blink engine detection
var isBlink = (isChrome || isOpera) && !!window.CSS;
 
 
var output = 'Detecting browsers by ducktyping:<hr>';
output += 'isFirefox: ' + isFirefox + '<br>';
output += 'isChrome: ' + isChrome + '<br>';
output += 'isSafari: ' + isSafari + '<br>';
output += 'isOpera: ' + isOpera + '<br>';
output += 'isIE: ' + isIE + '<br>';
output += 'isEdge: ' + isEdge + '<br>';
output += 'isBlink: ' + isBlink + '<br>';
document.body.innerHTML = output;

02/09/2019, 14h17
NoSmoking

Bonjour,
la bonne question serait « mais pourquoi faire cela ? ».

Si c'est un problème de rendu autant essayer de le résoudre cela n'en sera que plus pérenne, d'autant que ce passera t-il lorsque Edge changera son moteur de rendu ?

Nota : si tu n'as vraiment aucune autre possibilité, essaye avec un test simple sur window.StyleMedia, reconnue/définie actuellement par IE et Edge.

met ce code :

Code:

1
2
3
4
5
6
7
 
<script type="text/javascript">
    var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    if(is_chrome){
    document.write('<style>#cache{display:none!important;}</style>');
    }
</script>

chez ça fonctionne le div est affiché en firefox et il s'est disparu depuis chrome.