Détection du navigateur (Firefox)

**Nesbit** · 01/08/2011, 21h41

Bonjour,

Je veux faire quelque chose comme

Code html :

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

1
2
3
4
5
6
7
8
9
10
<html> 
 
Si (navigateur est Firefox)
<script type="text/javascript" src="/file1.js"> 
Sinon
<script type="text/javascript" src="/file2.js"> 
</script> 
 
<head> 
...

Pourriez-vous m'aider ?
Merci d'avance et bonne soirée !

**12monkeys** · 02/08/2011, 09h03

Bonjour

Ce n'est strictement pas possible en HTML !

C'est possible via un langage coté serveur ou alors via JavaScript http://javascript.developpez.com/faq...vig#navigateur.

**NoSmoking** · 02/08/2011, 15h18

Bonjour,
je ne pense pas que cela soit une bonne idée de vouloir inclure un fichier JS par navigateur, autant faire un code compatible, ce qui même si c'est un peu contraignant n'est somme toute plus franchement un soucis actuellement.

Mais reste à savoir quelle idée tu as derrière la tête.

**Nesbit** · 02/08/2011, 20h18

Bonjour,

Merci de vos réponses.
Ce sont deux fichiers de configuration d'un autre JavaScript.

Je vais essayer de faire un code compatible, comme NoSmoking a dit, c'est peut-être mieux.

Bonne journée !

**jojo86** · 02/08/2011, 20h41

Salut, tu peux essayer d'adapter mon code pour ajouter tes scripts JS.
Moi je m'en sert pour ajouter des feuilles de style.
Ceci, a placer dans un fichier que tu nomme en .js

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
function Navigateur(){
	var IE = false;
	var AUTRE = false;
	var intSplitStart = navigator.userAgent.indexOf("(",0);
	var intSplitEnd = navigator.userAgent.indexOf(")",0);
	var strChStart = navigator.userAgent.substring(0,intSplitStart);
	var strChMid = navigator.userAgent.substring(intSplitStart, intSplitEnd);
	var strChEnd = navigator.userAgent.substring(strChEnd);
	if ((strChMid.indexOf("MSIE 8") != -1) || (strChMid.indexOf("MSIE 7") != -1) || (strChMid.indexOf("MSIE 6") != -1)){
		SetCss("css/StyleIE.css");
	} else {
		SetCss("css/Style.css");
	}
}
 
function SetCss(Lien) {
	var fileref=document.createElement("link");
	fileref.setAttribute("rel", "stylesheet");
	fileref.setAttribute("type", "text/css");
	fileref.setAttribute("href", Lien);
	document.getElementsByTagName("head")[0].appendChild(fileref);
}

Ensuite dans ton header de la page web tu place :

Code :

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

1
2
3
<script type="text/javascript">
window.onload = function() {Navigateur();}
</script>

Voilou bon courage.

**Bovino** · 02/08/2011, 21h23

En règle générale, filtrer des fonctionnalités par la détection du navigateur est une mauvaise pratique.
En général, on préfèrera utiliser la détection de fonctionnalité.
Un exemple classique :

Code :

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

1
2
3
4
5
6
7
var xhr;
if(document.all){    // méthode usuelle pour détecter IE
    xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
else{
    xhr = new XMLHttpRequest();
}

Ici, deux problèmes se posent : document.all n'a jamais été "IE exclusive" : Opera depuis longtemps et maintenant Chrome et Safari reconnaissent cette immondice (troll inside

), mais seul IE sait instancier un activeX... c'est ballot.
D'autre part, ça fait bien longtemps qu'IE implémente son objet XMLHttpRequest... pourquoi passer par une solution bancale ?

Autres exemples, addEventListener(), getElementsByClassName(), etc. Ces méthodes sont inconnues de IE avant la version 9. Imaginons que votre code à 1 ou 2 ans.
On teste si le navigateur, si c'est IE, on passe par des méthodes propres à ce navigateur... Sauf qu'aujourd'hui, ce n'est plus vrai. En testant la fonctionnalité, on anticipe mieux les évolutions futures des navigateurs non conformes

**Eric2a** · 02/08/2011, 21h37

Salut,

Un petit complément d'information pour jojo86 concernant la detection d'IE.

Avec IE, nous avons les commentaires conditionnels aussi pour Javascript.

Code :

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

1
2
3
/*@cc_on
 {ici code interprété par IE}
@*/

Ainsi avec le code

Code :

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

var ie=/*@cc_on!@*/0;

IE voit

Code :

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

var ie=!0;

Les autres voient

Code :

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

var ie=0;

**Bovino** · 02/08/2011, 21h47

Petite rectification de sémantique

Avec IE, nous avons les commentaires conditionnels aussi pour Javascript.

En fait, ici on parle de compilation conditionnelle.
Je sais, ça fait un peu quadripilectomie*, mais c'est toujours plaisant à rappeler pour ceux qui croient (et il y en a

) que JavaScript n'est pas compilé !

Mais sinon, oui, tu as raison, avec la capacité avec cette astuce de cibler sur le moteur JScript utiliser, qui est donc supposé définir les fonctionnalités disponibles

* coupage de cheveux en quatre, petit curieux

Détection du navigateur (Firefox)

JavaScript

Discussions similaires

Partager

Partager