JavaScript - Compatibilité des navigateurs

Il est important de comprendre les différences entre les différents navigateurs afin de gérer chacun comme prévu. Il est donc important de savoir dans quel navigateur votre page Web s'exécute.

Pour obtenir des informations sur le navigateur dans lequel votre page Web s'exécute actuellement, utilisez la fonction intégrée navigator objet.

Propriétés du navigateur

Il existe plusieurs propriétés liées au Navigateur que vous pouvez utiliser dans votre page Web. Voici une liste des noms et des descriptions de chacun.

N ° Sr. Propriété et description
1

appCodeName

Cette propriété est une chaîne contenant le nom de code du navigateur, Netscape pour Netscape et Microsoft Internet Explorer pour Internet Explorer.

2

appVersion

Cette propriété est une chaîne qui contient la version du navigateur ainsi que d'autres informations utiles telles que sa langue et sa compatibilité.

3

language

Cette propriété contient l'abréviation à deux lettres de la langue utilisée par le navigateur. Netscape uniquement.

4

mimTypes[]

Cette propriété est un tableau qui contient tous les types MIME pris en charge par le client. Netscape uniquement.

5

platform[]

Cette propriété est une chaîne contenant la plate-forme pour laquelle le navigateur a été compilé. "Win32" pour les systèmes d'exploitation Windows 32 bits

6

plugins[]

Cette propriété est un tableau contenant tous les plug-ins installés sur le client. Netscape uniquement.

sept

userAgent[]

Cette propriété est une chaîne contenant le nom de code et la version du navigateur. Cette valeur est envoyée au serveur d'origine pour identifier le client.

Méthodes du navigateur

Il existe plusieurs méthodes spécifiques au Navigateur. Voici une liste de leurs noms et descriptions.

N ° Sr. La description
1

javaEnabled()

Cette méthode détermine si JavaScript est activé dans le client. Si JavaScript est activé, cette méthode renvoie true; sinon, il renvoie false.

2

plugings.refresh

Cette méthode rend disponibles les plug-ins nouvellement installés et remplit le tableau des plugins avec tous les nouveaux noms de plug-ins. Netscape uniquement.

3

preference(name,value)

Cette méthode permet à un script signé d'obtenir et de définir certaines préférences de Netscape. Si le deuxième paramètre est omis, cette méthode renverra la valeur de la préférence spécifiée; sinon, il définit la valeur. Netscape uniquement.

4

taintEnabled()

Cette méthode renvoie true si la corruption des données est activée; faux sinon.

Détection du navigateur

Il existe un simple JavaScript qui peut être utilisé pour trouver le nom d'un navigateur et, en conséquence, une page HTML peut être servie à l'utilisateur.

<html>   
   <head>
      <title>Browser Detection Example</title>
   </head>
   
   <body>      
      <script type = "text/javascript">
         <!--
            var userAgent   = navigator.userAgent;
            var opera       = (userAgent.indexOf('Opera') != -1);
            var ie          = (userAgent.indexOf('MSIE') != -1);
            var gecko       = (userAgent.indexOf('Gecko') != -1);
            var netscape    = (userAgent.indexOf('Mozilla') != -1);
            var version     = navigator.appVersion;
            
            if (opera) {
               document.write("Opera based browser");
               // Keep your opera specific URL here.
            } else if (gecko) {
               document.write("Mozilla based browser");
               // Keep your gecko specific URL here.
            } else if (ie) {
               document.write("IE based browser");
               // Keep your IE specific URL here.
            } else if (netscape) {
               document.write("Netscape based browser");
               // Keep your Netscape specific URL here.
            } else {
               document.write("Unknown browser");
            }
            
            // You can include version to along with any above condition.
            document.write("<br /> Browser version info : " + version );
         //-->
      </script>      
   </body>
</html>

Production