Corsi on-line

Testare il supporto di HTML5 nei browser con Modernizr

Modernizr è uno strumento rilasciato sotto licenza Open Source che permette di effettuare dei rapidi test a carico dei browser Web per scoprire quali attributi ed elementi del markup HTML5 sono in grado di supportare; questa libreria, realizzata in linguaggio JavaScript, si utilizza da una comune pagina Web attraverso una semplice inclusione da effettuare sul modello del codice proposto di seguito:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Titolo della pagina</title>
  <script src="modernizr.min.js"></script>
</head>
<body>
 <!-- contenuto della pagina -->
</body>
</html>


Una volta effettuata l’inclusione, Modernizr potrà essere immediatamente utilizzato per i nostri test, vediamo per esempio come sia possibile verificare se il browser corrente supporta l’elemento “canvas“:

if (Modernizr.canvas) {
   var c = document.createElement('canvas');
   var context = c.getContext('2d');
   // codice del grafico
   document.getElementById('chartContainer').appendChild(c);
}

Consultando la ricca documentazione a corredo, sarà possibile impratichirsi sull’utilizzo della libreria e generare dei controlli da utilizzare anche in fase di produzione per rendere visibili o meno degli elementi a seconda del supporto fornito dai diversi browser.

Post correlati
I più letti del mese
Tematiche