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

Les rubriques (actu, forums, tutos) de Développez
Tags
Réseaux sociaux


 Discussion forum

Le , par vermine, Responsable JavaScript & AJAX

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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de tomtomJ tomtomJ
http://www.developpez.com
Candidat au titre de Membre du Club
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.
Avatar de vermine vermine
http://www.developpez.com
Responsable JavaScript & AJAX
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.
Avatar de kardagan kardagan
http://www.developpez.com
Invité de passage
le 03/04/2013 19:27
Comment géré les navigateurs ?
If ( IE ) document.location.href = "https://www.google.com/intl/en/chrome/browser/"
Avatar de Kenaryn Kenaryn
http://www.developpez.com
Membre éclairé
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?
Avatar de vermine vermine
http://www.developpez.com
Responsable JavaScript & AJAX
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.
Avatar de alex_vino alex_vino
http://www.developpez.com
Membre Expert
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.
Offres d'emploi IT
Développeur mobile (h/f)
Stage
MCNEXT - Ile de France - Paris (75000)
Parue le 29/09/2014
Reporting jours homme h/f
Stage
Société Générale France - Ile de France - Paris (75000)
Parue le 13/10/2014
CONSULTANT FONCTIONNEL SAGE 100 (H/F)
CDI
IN SYSTEM - Ile de France - PARIS (75015)
Parue le 17/10/2014

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster
Ikoula