Maison interface Web js tutoriel code js pour déterminer le type de navigateur, compétences IE, FF, Opera, Safari, chrome et version_javascript

code js pour déterminer le type de navigateur, compétences IE, FF, Opera, Safari, chrome et version_javascript

May 16, 2016 pm 04:46 PM
判断 浏览器

En raison de problèmes de version ie10-ie11, le jugement document.all n'est plus pris en charge, la fonction de jugement ie doit donc être réécrite

function isIE() { //ie?
      if (!!window.ActiveXObject || "ActiveXObject" in window)
        return true;
      else
        return false;
    }
Copier après la connexion

Le premier type distingue uniquement le navigateur, quelle que soit la version

Copier le code Le code est le suivant :

fonction monBrowser(){
var userAgent = navigator.userAgent; //Obtenir la chaîne userAgent du navigateur
var isOpera = userAgent.indexOf("Opera") > -1;
Si (isOpera) {
         retourner "Opéra"
}; //Déterminer si le navigateur Opera
Si (userAgent.indexOf("Firefox") > -1) {
         renvoyer "FF";
} //Déterminer si le navigateur Firefox
Si (userAgent.indexOf("Chrome") > -1){
Renvoyez « Chrome » ;
>
Si (userAgent.indexOf("Safari") > -1) {
         retourner "Safari" ;
} //Déterminer si le navigateur Safari
Si (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
         renvoyer "IE" ;
}; //Déterminer s'il s'agit d'un navigateur IE
>

//Ce qui suit est l'appel à la fonction ci-dessus
var mb = monBrowser();
si ("IE" == Mo) {
alert("Je suis IE");
>
si ("FF" == mb) {
alert("Je suis Firefox");
>
if ("Chrome" == Mo) {
​​ alert("Je suis Chrome");
>
if ("Opéra" == mb) {
alert("Je suis Opera");
>
si ("Safari" == Mo) {
alert("Je suis Safari");
>

Deuxièmement, différenciez les navigateurs et considérez IE5.5 6 7 8

Copier le code Le code est le suivant :

fonction monBrowser(){
var userAgent = navigator.userAgent; //Obtenir la chaîne userAgent du navigateur
var isOpera = userAgent.indexOf("Opera") > -1; //Détermine si le navigateur Opera est
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //Déterminer si le navigateur IE
var isFF = userAgent.indexOf("Firefox") > -1 //Déterminer si le navigateur Firefox
var isSafari = userAgent.indexOf("Safari") > -1; //Déterminer si le navigateur Safari
Si (estIE) {
var IE5 = IE55 = IE6 = IE7 = IE8 = faux ;
        var reIE = new RegExp("MSIE (\d \.\d );");
         reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
IE55 = fIEVersion == 5.5;
IE6 = fIEVersion == 6.0;
IE7 = fIEVersion == 7.0;
IE8 = fIEVersion == 8.0;
Si (IE55) {
               return "IE55" ;
>
Si (IE6) {
              return "IE6" ;
>
Si (IE7) {
              return "IE7" ;
>
Si (IE8) {
               return "IE8" ;
>
}//fin IE
Si (isFF) {
         renvoyer "FF";
>
Si (isOpera) {
         renvoyer "Opéra" ;
>
}//fin de monBrowser()
//Ce qui suit consiste à appeler la fonction ci-dessus
if (myBrowser() == "FF") {
alert("Je suis Firefox");
>
if (myBrowser() == "Opera") {
alert("Je suis Opera");
>
if (myBrowser() == "Safari") {
alert("Je suis Safari");
>
if (myBrowser() == "IE55") {
alert("Je suis IE5.5");
>
if (myBrowser() == "IE6") {
alert("Je suis IE6");
>
if (myBrowser() == "IE7") {
alert("Je suis IE7");
>
if (myBrowser() == "IE8") {
alert("Je suis IE8");
>

Ce qui suit est un code JS qui détermine si le navigateur actuel est IE

.

Le principe est fait en profitant de la différence de méthode toString de traitement des tableaux entre IE et les navigateurs standards. Pour les navigateurs standards, si le dernier caractère du tableau est une virgule, le moteur JS le supprimera automatiquement.


[Ctrl A tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter
]<script> var ie = !-[1,]; alert(ie); </script>
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment afficher correctement le 'Jingnan Mai Round Body' installé localement sur la page Web? Comment afficher correctement le 'Jingnan Mai Round Body' installé localement sur la page Web? Apr 05, 2025 pm 10:33 PM

En utilisant récemment des fichiers de police installés localement dans les pages Web, j'ai téléchargé une police gratuite à partir d'Internet et je l'ai installée avec succès dans mon système. Maintenant...

Comment contrôler le haut et la fin des pages dans les paramètres d'impression du navigateur via JavaScript ou CSS? Comment contrôler le haut et la fin des pages dans les paramètres d'impression du navigateur via JavaScript ou CSS? Apr 05, 2025 pm 10:39 PM

Comment utiliser JavaScript ou CSS pour contrôler le haut et la fin de la page dans les paramètres d'impression du navigateur. Dans les paramètres d'impression du navigateur, il existe une option pour contrôler si l'écran est ...

Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Comment résoudre ce problème? Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Comment résoudre ce problème? Apr 05, 2025 pm 10:18 PM

Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Pendant la programmation, les marges négatives dans CSS (négatif ...

Comment utiliser des fichiers de police installés localement sur les pages Web? Comment utiliser des fichiers de police installés localement sur les pages Web? Apr 05, 2025 pm 10:57 PM

Comment utiliser des fichiers de police installés localement sur les pages Web avez-vous rencontré cette situation dans le développement de pages Web: vous avez installé une police sur votre ordinateur ...

Le texte sous la disposition Flex est omis mais le conteneur est ouvert? Comment le résoudre? Le texte sous la disposition Flex est omis mais le conteneur est ouvert? Comment le résoudre? Apr 05, 2025 pm 11:00 PM

Le problème de l'ouverture des conteneurs en raison d'une omission excessive du texte sous disposition flexible et de solutions est utilisé ...

Comment réaliser l'effet de défilement horizontal des options horizontales par des éléments tournants dans le CSS? Comment réaliser l'effet de défilement horizontal des options horizontales par des éléments tournants dans le CSS? Apr 05, 2025 pm 10:51 PM

Comment réaliser l'effet de défilement horizontal des options horizontales dans le CSS? Dans la conception Web moderne, comment réaliser un effet de type onglet horizontal et soutenir la souris ...

Comment résoudre le problème de la hauteur en ajustant l'unité REM dans la conception adaptative? Comment résoudre le problème de la hauteur en ajustant l'unité REM dans la conception adaptative? Apr 05, 2025 pm 11:03 PM

Comment résoudre le problème de réglage de la hauteur dans la conception adaptative? Dans la conception adaptative, l'ajustement de la hauteur est souvent un problème difficile. Surtout lorsqu'il s'agit de similaires ...

See all articles