Détection du navigateur (Firefox)

Version imprimable

Bonjour,

Je veux faire quelque chose comme
Code:

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 !

02/08/2011, 09h03
12monkeys

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.
02/08/2011, 15h18
NoSmoking

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.
02/08/2011, 20h18
Nesbit

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 !

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:

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:

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

Voilou bon courage.

02/08/2011, 21h23
Bovino
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:

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 :aie:), 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 ;)
02/08/2011, 21h37
Eric2a
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:

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

Code:

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

IE voit

Code:

var ie=!0;

Les autres voient

Code:

var ie=0;
02/08/2011, 21h47
Bovino

Petite rectification de sémantique

Citation:

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 8O) que JavaScript n'est pas compilé ! :aie:

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