IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Modernizr 3 : détectez le support du HTML5 et du CSS3 dans le navigateur
Grâce à cette bibliothèque JavaScript

Le , par vermine

19PARTAGES

6  0 

Modernizr est une bibliothèque JavaScript qui détecte le support du HTML5 et du CSS3 dans le navigateur de l'utilisateur et qui vous prévient si ce dernier implémente nativement ces fonctionnalités ou non. Il établit ainsi ce que vous pouvez et ne pouvez pas faire dans le navigateur actuel.

Cette bibliothèque vous permet de tirer parti des nouvelles technologies du Web sans se tracasser de gérer les différents navigateurs qui ne se mettent pas rapidement à jour. Modernizr rend facile le fait d'écrire des conditionnelles JavaScript et CSS pour gérer chaque situation (si un navigateur prend en charge une fonctionnalité ou pas).

La bibliothèque s'exécute rapidement lors du chargement de la page pour détecter les fonctionnalités, les éléments. Ensuite, elle crée un objet JavaScript avec les résultats et ajoute des classes à l'élément html pour les lier à votre CSS.

L'équipe annonce la préparation de la version 3 qui est une réécriture complète de l'architecture et qui s'accompagne de nouveaux tests, d'un nouveau site et d'une nouvelle documentation. Nous sommes actuellement à la version 2.6.2.

Modernizr offre notamment :

  • le support de la plupart des navigateurs parmi lesquels figurent certains ancêtres ;
  • la détection des fonctionnalités CSS3 ;
  • la détection d'éléments HTML5 ;
  • la détection de la géolocalisation, du SVG, du support des événements Touch, du WebGL ;
  • des méthodes de tests supplémentaires.


Téléchargement.
L'article sur le site officiel.
Documentation.

Et vous ?

Comment faites-vous pour gérer les différents navigateurs ?

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de tomtomJ
Membre à l'essai https://www.developpez.com
Le 03/04/2013 à 14:52
Ils n'annoncent pas la sortie de la version 3, celle-ci est toujours en cours de dev. La page de download affiche toujours la dernière stable 2.6.2.
2  0 
Avatar de vermine
Expert éminent sénior https://www.developpez.com
Le 04/04/2013 à 14:04
Pour l'instant, jQuery 1.9 continuera d'évoluer avec jQuery 2.0 pour justement tenir compte de ces navigateurs (ils suivent l'évolution du marché). Puis, tout le monde n'utilise pas jQuery.

Cependant, nous pouvons supposer que Modernizr continue ça progression. Les IE10, FF19 et autres seront un jour des dinosaures. Si Modernizr persiste dans le temps, il aura autant d'intérêt qu'aujourd'hui.
1  0 
Avatar de alex_vino
Membre émérite https://www.developpez.com
Le 20/04/2013 à 11:19
Citation Envoyé par vermine Voir le message
Les IE10, FF19 et autres seront un jour des dinosaures.
Oui mais maintenant il y a les jours silencieuses
Microsoft semble enfin prendre cette direction on intégrant IE10 a Windows Update (pour Windows 7 seulement).
Aujourd'hui quand on a un visiteur Chrome on est presque certains qu'il possede la derniere ou avant derniere version du navigateur, et les cycles court de développement assure la compatibilité des dernieres fonctionnalités. Firefox et Opera prennent la meme direction.
1  0 
Avatar de vermine
Expert éminent sénior https://www.developpez.com
Le 03/04/2013 à 15:02
Oui merci, l'article est adapté en conséquence.
J'aurais dû lire entièrement l'en tête juste avant le titre en gras.
0  0 
Avatar de kardagan
Candidat au Club https://www.developpez.com
Le 03/04/2013 à 19:27
Comment géré les navigateurs ?
If ( IE ) document.location.href = "https://www.google.com/intl/en/chrome/browser/"
0  0 
Avatar de Aurelien Plazzotta
Membre extrêmement actif https://www.developpez.com
Le 04/04/2013 à 10:23
Bonjour,

Modernizr deviendra plus ou moins inutile quand JQuery 2.0 sortira.

Le premier sert principalement à gérer les anciennes versions de IE tandis que le second abandonne le support de IE 6, 7 et 8. Vous faites le rapprochement?
0  0