Langage JavaScriptNavigator
L'objet JavaScript Navigator
L'objet JavaScript Navigator regroupe les propriétés décrivant le navigateur.
Les méthodes de l'objet navigator
Les méthodes sont des fonctions liées à un objet déterminé, qui exécutent des actions.L'objet navigator ne dispose que d'une seule méthode:
• javaEnabled() : qui vérifie la disponibilité de Java
Exemple d'utilisation de la méthode javaEnabled()
Methode qui vérifie la présence de Java
<script type="text/javascript">
if(navigator.javaEnabled()) {
document.write("Java installé"); }
else { document.write("Java pas installé"); }
</script>
Résultat :
Methode qui vérifie la présence de Java
<script type="text/javascript">
if(navigator.javaEnabled()) {
document.write("Java installé"); }
else { document.write("Java pas installé"); }
</script>
Résultat :
Les propriétés de l'objet navigator• appCodeName : Nom de code du navigateur
• appMinorVersion : Version mineure du navigateur
• appName : Nom complet du navigateur
• appVersion : Version du navigateur
• cookieEnabled : Indicateur booléen sur l'acceptation des cookies
• cpuClass : Type de processeur
• language : Langue du navigateur
• onLine : Indicateur booléen sur la connexion
• platform : Système d'exploitation
• plugins : Tableau des plugins installés
• systemLanguage : Langue du système d'exploitation
• userAgent : Informations importantes du navigateur
• userLanguage : Langue du navigateur
Exemple d'utilisation avec la propriété appName
Propriété qui retourne le nom complet du navigateur
<script type="text/javascript">
if(navigator.appName == "Microsoft Internet Explorer") {
document.write("Vous utilisez Microsoft Internet Explorer"); }
else { document.write("Vous utilisez un navigateur alternatif"); }
</script>
Résultat :
Propriété qui retourne le nom complet du navigateur
<script type="text/javascript">
if(navigator.appName == "Microsoft Internet Explorer") {
document.write("Vous utilisez Microsoft Internet Explorer"); }
else { document.write("Vous utilisez un navigateur alternatif"); }
</script>
Résultat :
Exemple d'utilisation avec la propriété userLanguage
Propriété qui retourne la langue utilisée par le navigateur
<script type="text/javascript">
if(navigator.userLanguage.indexOf("en")>-1)
document.write("Welcome");
if(navigator.userLanguage.indexOf("fr")>-1)
document.write("Bienvenue");
</script>
Résultat :
Note sur ce résultat: userLanguage ne marche qu'avec Internet Explorer (sinon utiliser la propriété language)
Propriété qui retourne la langue utilisée par le navigateur
<script type="text/javascript">
if(navigator.userLanguage.indexOf("en")>-1)
document.write("Welcome");
if(navigator.userLanguage.indexOf("fr")>-1)
document.write("Bienvenue");
</script>
Résultat :
Note sur ce résultat: userLanguage ne marche qu'avec Internet Explorer (sinon utiliser la propriété language)
Exemple d'utilisation de la propriété userAgent
Propriété qui retourne l'en-tête du protocole HTTP du navigateur.
<script type="text/javascript">
if(navigator.userAgent.indexOf("Firefox") != -1) {
document.write('<link href="css/firefox.css" rel="stylesheet" type="text/css" />');
}
else {
document.write('<link href="css/ie.css" rel="stylesheet" type="text/css" />');
}
</script>
Propriété qui retourne l'en-tête du protocole HTTP du navigateur.
<script type="text/javascript">
if(navigator.userAgent.indexOf("Firefox") != -1) {
document.write('<link href="css/firefox.css" rel="stylesheet" type="text/css" />');
}
else {
document.write('<link href="css/ie.css" rel="stylesheet" type="text/css" />');
}
</script>
Explication
La propriété userAgent retourne l'en-tête du protocole HTTP du navigateur.
Par exemple Internet explorer peut renvoyer :
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT; DigExt; KITV4 Orange)
Utilisé avec la méthode indexOf("un mot"), il renverra -1 si le mot ne fait pas partie de la chaîne. Dans le cas inverse, il vous renvoie la position de la premiêre occurrence trouvée.
Autre exemple d'utilisation de la propriété userAgent
Propriété qui retourne l'en-tête du protocole HTTP du navigateur.
<script type="text/javascript">
function detecteiPhone() {
if( (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) ) {
var question = confirm("Souhaitez-vous naviguer sur le site optimisé pour iPhone?")
if (question){
window.location = "http://iphone.easy-micro.org/"; }
}
}
window.onload = detecteiPhone;
</script>
Propriété qui retourne l'en-tête du protocole HTTP du navigateur.
<script type="text/javascript">
function detecteiPhone() {
if( (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) ) {
var question = confirm("Souhaitez-vous naviguer sur le site optimisé pour iPhone?")
if (question){
window.location = "http://iphone.easy-micro.org/"; }
}
}
window.onload = detecteiPhone;
</script>
