Learning HTML 5: Detecting HTML5 feature supported in browser using ModernIZR

Dhananjay Kumar
12y
4.4k
0
0

Blog

Before you go ahead and use any of the features of HTML5, it is recommended to verify that whether that particular feature is supported by target browser or not. You can verify supported feature using open source java script file ModernIZR

ModernIZR is open source java script file allows you to detect whether particular feature of HTML is supported on the target device or browser or not. You can download java script file from here.

To use it download js file and add it as script source in the header.

Below code snippet will verify whether video tag of HTML 5 is supported in browser or not.

<!DOCTYPE html >
<html>
<head>
     <title>
     Demo
     </title>
     <script src=modernizr-latest.js ></script>
     <script>
         alert(Modernizr.video);
     </script>
</head>
<body>
  <h1>debugmode</h1>
</body>
</html>

If you run above code snippet on IE9 you should get True as alert whereas on IE8 you should be getting False as alert.

Up Next

Detect Internet connection in HTML5

Ebook Download

View all

A Guide to Mastering HTML5 CSS3 and JavaScript

Read by 3 people

Download Now!

Learn

View all