Objet Navigator dans JavaScript | Expliqué

En JavaScript, le «navigateur" objet comprend les informations sur le courant navigateur que l'utilisateur utilise pour accéder à une application Web. Vous savez peut-être que tous les navigateurs sont différents, et ils traitent Javascrip différemment. Dans un tel scénario, l'objet Navigator aide à personnaliser votre application en fonction des paramètres du navigateur de l'utilisateur.

L'objet JavaScript Navigator vous permet d'utiliser le emplacement Informations pour obtenir des détails liés à l'emplacement actuel de l'utilisateur. Ses autres propriétés utiles aident à connaître le nom du navigateur, c'est version, navigateur ou nom de produit, et le navigateur langue. En bref, votre site Web sera plus compatible avec différents navigateurs si vous utilisez correctement les propriétés de l'objet Navigator.

Cet article expliquera l'objet Navigator en JavaScript, ses propriétés et ses méthodes à l'aide d'exemples appropriés. Alors, commençons!

Objet Navigator en javascript

Comme mentionné précédemment, l'objet Navigator en JavaScript est utilisé pour récupérer les informations liées au navigateur. Il s'agit d'une propriété de fenêtre qui peut être accessible en utilisant:

fenêtre.navigateur

OU

navigateur

L'objet Navigator propose diverses propriétés et méthodes qui aident les programmeurs à déterminer les fonctionnalités fournies par le navigateur. Suivez cet article pour apprendre les propriétés et méthodes d'objet Navigator couramment utilisées si vous avez le même motif.

Navigator Object AppCodeName Propriété en JavaScript

Le "appcoderName»La propriété de l'objet JavaScript Navigator affiche le nom de code du navigateur.

Syntaxe de la propriété Navigator Object AppCodeName en javascript

navigateur.appcoderName

Exemple: Navigator Object AppCodeName Propriété dans JavaScript

Dans le digne ci-dessous, la variable "BrowserCodeName«Conservera le nom de code du navigateur renvoyé par le«navigateur.appcoderName" propriété:

Laissez BrowserCodeName = Navigator.AppCodeName;
console.log ("Le nom de code du navigateur est:" + BrowserCodeName);

Comme vous pouvez le voir sur la sortie, notre nom de code de navigateur est «Mozilla»:

Navigator Object Appname Propriété en javascript

Le "nom de l'application»La propriété de l'objet Navigator renvoie le nom du navigateur.

Note: Tous les navigateurs modernes afficheront «Écran de nets"Comme le nom de l'application Valeur de la propriété de l'objet Navigator.

Syntaxe de la propriété Appname de l'objet Navigator dans JavaScript

navigateur.nom de l'application

Exemple: Propriété Navigator Object Appname en JavaScript

Maintenant, nous récupérerons la valeur du «nom de l'application»Propriété de l'objet Navigator:

Laissez le nom de navigation = Navigator.nom de l'application;
console.log ("Nom du navigateur:" + Nom de navigation);

Sortir

Navigator Object Appversion Property en JavaScript

Si vous voulez connaître la version de votre navigateur actuel, vous pouvez utiliser le «version de l'application»Propriété de l'objet JavaScript Navigator.

Syntaxe de Navigator Object Appversion Property in JavaScript

navigateur.version de l'application

Exemple: propriété d'appvers de l'appversation d'objet Navigator en javascript

Dans l'exemple suivant, la valeur du "navigateur.version de l'application"Sera stocké dans la variable"version,«Qui est ensuite affiché dans la console à l'aide du«console.enregistrer()" méthode:

Laissez la version = Navigator.version de l'application;
console.log ("Version du navigateur:" + version);

La sortie divisée ci-dessous montre la version de notre navigateur:

Navigator Object CookieEenabled Property en JavaScript

L'objet Navigator «CookiesEnabled«La propriété est utilisée pour vérifier si les cookies sont activés dans le navigateur ou non.

Syntaxe de la propriété CookieEenabled de l'objet Navigator en JavaScript

navigateur.cookieAived

Si les cookies sont activés dans le navigateur, le navigateur.cookieAived la propriété reviendra «vrai«;; Sinon, le dossier de retour sera défini sur «FAUX"Si les cookies sont désactivés.

Exemple: Navigator Object CookieEenabled Property en JavaScript

Nous allons vérifier l'état des cookies de notre navigateur en utilisant le «navigateur.cookieAived" propriété:

Laissez les cookies = Navigator.CookieEenabled;
console.journal ("cookies activés:" + cookies);

La sortie étant donné que la sortie signifie que les cookies sont activés dans notre navigateur:

Navigator Object Geolocation Property en JavaScript

En JavaScript, le «géolocalisation»La propriété d'un objet Navigator renvoie un«Géolocalisation”Objet qui vous permet de fournir les informations liées à l'emplacement comme la position actuelle de l'utilisateur.

Syntaxe de Navigator Object Geolocation Property en JavaScript

navigateur.géolocalisation

Exemple: Navigator Object Geolocation Property en JavaScript

L'objet Navigator «géolocalisation»La propriété vous demande d'accorder l'autorisation pour obtenir l'emplacement. En cas de réalisation de la demande, il retournera un «Géolocalisation”Objet et cet objet peuvent être utilisés pour effectuer d'autres opérations.

Dans notre programme, nous allons d'abord accéder au API de géolocalisation en utilisant le "navigateur.géolocalisation«Propriété, si cette opération est réussi, la propriété spécifiée invoquera le«getCurrentPositions ()«Méthode de l'objet de géolocalisation en passant«showPosition ()«Comme argument, sinon, le code écrit dans le«autre»Le bloc sera exécuté:

if (Navigator.géolocalisation)
navigateur.géolocalisation.GetCurrentPosition (présentposition);
autre
console.Log ("La géolocalisation n'est pas prise en charge par ce navigateur.");

Après avoir permis l'accès à l'emplacement par l'utilisateur, la fonction showPosition () effectuera ses fonctionnalités et affichera la position de l'appareil actuel en fonction du «Latitude" et "Longitude" valeurs:

Fonction ShowPosition (position)
console.journal ("latitude:" + position.coordonnées.latitude + "" +
"Longitude:" + position.coordonnées.longitude);

Pour connaître notre poste actuel, nous autoriserons l'accès à l'emplacement pour l'API Geolocation:

Après cela, le «Latitude" et "Longitude«Les valeurs seront affichées dans la fenêtre de la console en quelques microsecondes:

Navigator Object Navigator.propriété linguistique en javascript

Le "navigateur.langue”La propriété de l'objet Navigator rapportera la langue actuelle du navigateur.

Syntaxe de Navigator Object Navigator.propriété linguistique en javascript

navigateur.langue

Si le navigateur est en ligne, le «navigateur.langue"Reviendra"vrai«;; Sinon, son cas de retour est défini sur «FAUX"Lorsque le navigateur est hors ligne.

Exemple: Navigator Object Navigator.propriété linguistique en javascript

Exécutez le code sous-donné pour vérifier la langue de votre navigateur:

Laissez la langue = Navigator.langue;
console.log ("Langage du navigateur:" + langue);

La langue de notre navigateur est définie aux États-Unis; C'est pourquoi la chaîne "en-us”S'affiche en sortie:

Navigator Object Navigator.propriété en ligne en javascript

"navigateur.en ligne"Est une autre propriété utile de l'objet Navigator, qui vérifie si le navigateur est en ligne ou non.

Syntaxe de Navigator Object Navigator.propriété en ligne en javascript

navigateur.en ligne

Exemple: Navigator Object Navigator.propriété en ligne en javascript

Pour vérifier l'état actuel de votre navigateur, tapez le code suivant dans la fenêtre de la console:

Soit en ligne = Navigator.en ligne;
console.log ("Browser en ligne:" + en ligne);

"vrai"Semet que votre navigateur est en ligne, tandis que"FAUX»Indique que le navigateur n'est pas actuellement actif (hors ligne):

Navigator Object Navigator.Propriété de la plate-forme en javascript

Le "navigateur.plateforme»La propriété d'un objet JavaScript identifie la plate-forme sur laquelle votre navigateur fonctionne.

Syntaxe de Navigator Object Navigator.Propriété de la plate-forme en javascript

navigateur.plateforme

Exemple: Navigator Object Navigator.Propriété de la plate-forme en javascript

Laissez la plate-forme = Navigator.plateforme;
console.log ("plate-forme:" + plate-forme);

Le programme donné ci-dessus sortira la plate-forme pour laquelle le navigateur est compilé:

Navigator Object Navigator.Propriété du produit en JavaScript

En JavaScript, le «navigateur.produit«La propriété d'un objet Navigator est accessible pour afficher le moteur du navigateur ou le nom du produit.

Syntaxe de Navigator Object Navigator.Propriété du produit en JavaScript

navigateur.produit

Exemple: Navigator Object Navigator.Propriété du produit en JavaScript

En raison de certaines raisons de compatibilité, les navigateurs modernes affichent «Gecko«Comme le nom de leur produit lorsque le«navigateur.produit»La propriété est accessible:

Laissez BrowserProduct = Navigator.produit;
console.log ("Produit du navigateur:" + BrowserProduct);

Sortir

Navigator Object Navigator.Propriété UserAgent en JavaScript

Le navigateur envoie les en-têtes de l'agent utilisateur sur le serveur et ils peuvent être récupérés à l'aide "navigateur.agent utilisateur" propriété.

Syntaxe de Navigator Object Navigator.Propriété UserAgent en JavaScript

navigateur.agent utilisateur

Exemple: Navigator Object Navigator.Propriété UserAgent en JavaScript

Pour obtenir les informations stockées dans l'en-tête de l'agent utilisateur, nous invoquerons le «utilisateurPropriété t »de l'objet Navigator:

Laissez l'agent = Navigator.agent utilisateur;
console.log ("User-Agent:" + Agent);

L'en-tête de l'agent utilisateur d'en-tête fournit les informations liées à la plate-forme du navigateur, son nom, numéro de version:

Navigator Object Javaenabled () Méthode en javascript

Est "Java»Activé dans votre navigateur? Utiliser le "Javaenabled ()" Méthode d'objet Navigator pour obtenir la réponse à la question spécifiée.

Syntaxe de Navigator Object Javaenabled () Méthode en javascript

navigateur.javaenabled ()

Exemple: Navigator Object Javaenabled () Méthode en javascript

Le "javaenabled ()«La méthode renverra une valeur booléenne vraie ou fausse, où«vrai»Représente que Java est activé et«FAUX»Indique que Java est désactivé:

Laissez Java = Navigator.javaenabled ();
console.Log ("Java activé:" + java);

Sortir

Nous avons compilé les informations essentielles liées à l'objet Navigator dans JavaScript.

Conclusion

L'objet Navigator dans JavaScript est appelé «navigateur" ou "fenêtre.navigateur". Il contient des informations sur le navigateur et ses capacités. L'objet JavaScript Navigator propose plusieurs propriétés et méthodes utiles qui rapportent les détails liés au navigateur, tels que le nom du navigateur, sa version, le moteur du navigateur ou le nom du produit, et la langue du navigateur. Cet article a expliqué le Navigator ObjecT Javascrip avec l'aide d'exemples appropriés.