Ce blog expliquera les approches pour obtenir des agents utilisateurs en JavaScript.
Comment obtenir un agent utilisateur en JavaScript ?
La ' agent utilisateur ” La propriété donne l'en-tête de l'agent utilisateur qui est envoyé au serveur par le navigateur. L'agent utilisateur peut être récupéré en utilisant le ' agent utilisateur ” propriété dans différents scénarios. Ces scénarios sont les suivants :
Exemple 1 : obtenir l'agent utilisateur en JavaScript à l'aide d'une fonction définie par l'utilisateur
Cet exemple particulier peut être appliqué pour obtenir l'agent utilisateur de deux navigateurs différents à l'aide d'une fonction définie par l'utilisateur.
Jetons un coup d'œil à l'extrait de code suivant :
< h3 > Obtenir l'agent utilisateur dans Javascript h3 >
< bouton onclick = 'agent utilisateur()' > Cliquez pour obtenir Agent utilisateur bouton >
< identifiant h3 = 'encore' style = 'couleur de fond : bleu clair ;' > h3 >
Dans le code ci-dessus :
- Dans la première étape, incluez le titre indiqué.
- Après cela, créez un bouton avec un ' sur clic ” événement invoquant la fonction définie par l'utilisateur userAgent().
- À l'étape suivante, incluez le titre avec le ' identifiant ' afin de contenir la résultante ' agent utilisateur ”.
Continuons avec la partie JavaScript du code :
fonction agent utilisateur ( ) {laisser obtenir = navigateur. agent utilisateur ;
document. getElementById ( 'encore' ) . innerHTML = 'L'agent utilisateur est :' + obtenir ;
}
Dans le code js ci-dessus, effectuez les étapes suivantes :
- Déclarez une fonction nommée ' agent utilisateur() ”.
- Dans sa définition, appliquer le « agent utilisateur ” propriété qui renverra les informations sur le nom du navigateur, la version etc.
Sortie (pour le navigateur Chrome)
Sortie (pour le navigateur Microsoft Edge)
À partir des résultats ci-dessus, la différence d'agent utilisateur dans les deux navigateurs peut être observée.
Exemple 2 : Obtenir l'agent utilisateur en JavaScript à l'aide d'instructions Switch
La ' changer ” est utilisé pour appliquer diverses conditions sur les actions. Cette instruction peut être appliquée pour appliquer une vérification sur divers navigateurs afin de renvoyer l'agent utilisateur correspondant.
Syntaxe
chaîne de caractères. Indice de ( chercher , début )Dans la syntaxe donnée :
- ' chercher ” fait référence à la chaîne à rechercher.
- ' début ” indique la position de départ.
Exemple
Passons à l'exemple suivant.
Dans l'exemple suivant, procédez comme suit :
- Inclure le ' titre ” pour contenir le message résultant.
- Créez une fonction et appliquez le ' changer » avec le « spécifié » booléen ” valeur comme paramètre.
- Dans sa définition, appliquez une coche sur le « navigateurs ' en gérant l'exception de ' -1 ” c'est-à-dire qu'aucune valeur n'a été trouvée.
- Aussi, appliquez le ' Indice de() ” pour vérifier la chaîne contenue dans son paramètre dans l'agent utilisateur résultant. Cette condition entraînera la configuration du navigateur correspondant.
- Après cela, appliquez le ' agent utilisateur ' propriété avec le ' toLowerCase() ” pour obtenir l'agent utilisateur du navigateur correspondant et le transformer en minuscules.
- Enfin, appliquez le ' Texteintérieur ” propriété pour afficher le nom du navigateur correspondant avec son agent utilisateur.
< h3 > h3 >
corps >
- 1 :
revenir « MS Edge » ;
Cas agent. Indice de ( 'bord/' ) > - 1 :
revenir 'Edge (à base de chrome)' ;
Cas agent. Indice de ( 'opr' ) > - 1 && !! la fenêtre. opr :
revenir 'Opéra' ;
Cas agent. Indice de ( 'chrome' ) > - 1 && !! la fenêtre. chrome :
revenir 'Chrome' ;
Cas agent. Indice de ( 'safari' ) > - 1 :
revenir 'Safari' ;
défaut : revenir 'autre' ;
} } )
( la fenêtre. navigateur . agent utilisateur . toLowerCase ( ) ) ;
document. querySelector ( 'h3' ) . Texteintérieur = 'Vous utilisez ' + nom du navigateur + ' navigateur' ;
console. Journal ( la fenêtre. navigateur . agent utilisateur . toLowerCase ( ) ) ;
scénario >
Sortie (pour le navigateur Chrome)
Sortie (pour le navigateur Microsoft Edge)
Dans les sorties ci-dessus, il est évident que les deux navigateurs sont détectés avec leurs agents utilisateurs.
Toutes les approches pratiques ont été discutées pour obtenir un agent utilisateur en JavaScript.
Conclusion
La ' agent utilisateur ' peut être récupéré pour différents navigateurs à l'aide de ' défini par l'utilisateur » ainsi que la fonction « changer ” déclaration en JavaScript. Le premier exemple est simple et peut être implémenté pour obtenir l'agent utilisateur du navigateur correspondant et le renvoyer sous forme d'en-tête. Cette dernière approche gère plusieurs navigateurs en fonction de la valeur de chaîne qu'ils contiennent et renvoie l'agent utilisateur du navigateur correspondant. Cet article explique comment obtenir un agent utilisateur en JavaScript.