Utilisez toutes les informations de l’objet navigator avec JavaScript

fermer la fenetre

Des Applications Performantes Sans Vous Prendre La Tête !

Recevez la formation "Développement Facilte" GRATUITEMENT
Avec tous les Codes Sources Commentés
 
(Les événements, la programmation orientée objets, les modèles de conception, Les éditeurs, les outils, 
l'efficacité, CSS3, HTML5, JavaScript, jQuery, Dojo...)

Renseignez votre prénom et votre adresse email ci-dessous :

Le langage JavaScript est très pratique car il fournit tout un tas d’informations sur vos visiteurs. D’ailleurs Google Analytics l’utilise constamment pour tracker les visiteurs !

Découvrez les informations données par l’objet navigator, comme par exemple le navigateur de vos visteurs.

[ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”]

Utilisez toutes les informations de l’objet navigator avec JavaScript

Bonjour à tous et bienvenu sur Développement Facile.

On continu ensemble les cours dédiés au langage JavaScript, là ça va être une série de cours consacrée aux objets, donc navigator, objet Windows, tous les objets JavaScript qu’il faut absolument connaître, pour rajouter des interactions, vous simplifier la vie avec le langage JavaScript.

Objet navigator

Ce cours est consacré à l’objet navigator donc le premier objet que vous allez découvrir, un peu plus en profondeur, justement pour utiliser toutes ses propriétés et ses méthodes JavaScript. Enfaite, l’objet navigator est très intéressant car il fournit des informations sur les navigateurs utilisés par le visiteur, l’internaute. Vous allez savoir s’il utilise Firefox, Internet Explorer, Google Chrome, Safari, Lynx, comme navigateur, et donc ça va permettre au site internet de s’adapter automatiquement grâce à l’utilisation du JavaScript. Vous avez plusieurs propriétés appCodeName ça renvoi le code du navigateur,
appName le nom du navigateur de l’internaute, toujours je précise de l’internaute,
appVersion la version du navigateur, entre Mozilla version 27 et la version 1 il y a des différences de prise en charge des éléments sur les sites Internet.
cookieEnable ça va vous renvoyer True si les cookies sont activés sur le poste de l’internaute, sinon false,
cpuClass ce sera le type de processeur de l’ordinateur utilisé,
javaEnable ça va vous permettre de savoir si le navigateur peut exécuter des applications Java donc des applis Java c’est différents du JavaScript, en JavaScript d’un côté, Java de l’autre. Donc ça renvoi True si le navigateur de l’internaute peut exécuter du code en Java,
mimeTypes ça renvoi un tableau avec tous les types mimes supportés par navigateur,
plateform, ça va vous renvoyer l’OS sur laquelle le navigateur fonctionne, Mac OS, Linux, Windows,
plugins ça va vous renvoyer un tableau qui liste tous les plugins installés sur le navigateur,
userAgent il est souvent utilisé celui-là, cette propriété est souvent utilisée, ça renvoi toutes les informations concernant le navigateur de l’internaute,
userLanguage ça renvoi la langue utilisée par le navigateur, donc bien évidemment vous pouvez en déduire la langue de l’internaute.

Un petit exemple de code source tout simple, pour afficher les informations du navigateur utilisé par l’internaute, donc vous faites var info variable info = navigator.userAgent un alerte sur info et ça va vous afficher toutes les informations du navigateur utilisé par l’internaute.

Vous avez plugins.refresh, ça va vous permettre de rafraîchir la liste des plugins installés sur le navigateur de l’internaute, les préférences très intéressants aussi, pour afficher les préférences du navigateur, et savePreferences ça va sauvegarder les modifications apportées aux préférences du navigateur.

Petit exemple, tout simple de mise en pratique pour afficher le nom du navigateur, sa version, le nom de l’OS utilisé, la présence si il y a des cookies et si sont activés, qu’est-ce que vous faites ?
Vous utilisez toutes les propriétés que je vous ai et listées navigator.ppname pour le nom du navigateur, navigator.ppVersion pour la version du navigateur, navigator.plateform pour connaître l’OS utilisé sur le navigateur, navigator.cookieEnable pour savoir si les cookies sont activés sur le navigateur de l’internaute, derrière vous testez if cookie = true, donc si les cookies sont activés, alors vous affichez, vous utilisez le navigateur tant, version tant, comme navigateur Internet sur une plate-forme de type tant, avec les cookie activés et sinon vous mettez la même phrase sauf la fin avec les cookies désactivés.
Maintenant vous pouvez lancer des scripts différents en fonction du navigateur Internet, de l’internaute, grâce à cet objet navigator vous allez tout savoir, enfin presque tout, sur le navigateur internet. Retrouvez un exemple de code source directement sous ce cours vidéo si vous avez des questions posez-les aussi directement sous ce cours vidéo. Je vous dis à très bientôt pour le prochain cours sur Développement Facile.

 

[/ppmtoggle][/ppmaccordion]

Téléchargez le code source JavaScript

Voici un exemple JavaScript qui affiche les informations du navigateur de l’internaute.

Downloads

Prenez-vous en compte le navigateur de l’internaute ?

Certains sites s’affichent en fonction du navigateur de l’internaute, utilisez-vous cette fonctionnalité? Si oui, dites-moi comment, via la zone de commentaires.

Créez des Applications Hyper-Intéractives avec la Formation Gratuite JavaScript Facile !