Check if a browser supports HTML5

Question

4.50/5 (2 votes)

See more:

How can I check if a browser that supports HTML5 by using any programming/scripting language?

Thanks in advance!

Modification:

With the below given posts/answers, I found out what the best Browser is that supports HTML 5
Browser Scores: (this is in my computer)
Mozilla Firefox 3.6.13 = 155 and 04 bonus points
Opera 11.01 = 234 and 07 bonus points
Google Chrome = 282 and 13 bonus points
Safari = 228 and 07 bonus points

Can someone show me how to get or even just check if the browser can support some HTML 5.
I'd totally appreciate if someone can post a code.

Posted 2-Mar-11 19:45pm

hansoctantan

Updated 2-Mar-11 21:28pm

Manfred Rudolf Bihy

v7

Add a Solution

Comments

Manfred Rudolf Bihy 3-Mar-11 3:27am

I found some code in a project on GIT, but you'll have to read that stuff yourself in order to extract the necessary bits: https://github.com/NielsLeenheer/html5test/blob/master/index.html

The above link is to the page that contains the javascript for the tests. Maybe you can extract some information from there.

hansoctantan 3-Mar-11 19:55pm

tnx

2 solutions

Solution 3

Hi,
The better solution is to use something like Modernizr (http://www.modernizr.com/) to do your feature detection on the client-side.Modernizr is an open source, MIT-licensed JavaScript library that detects support for many HTML5 & CSS3 features.

XML

If your browser does not support the canvas API, the Modernizr.canvas property will be false.
<script >

if (Modernizr.canvas) {
  // let&#39;s draw some shapes!
} else {
  // no native canvas support available :(
}</script >

Ref:http://diveintohtml5.info/detect.html[^]

Another solution if you are using JQuery:
Checking for support for the canvas element of HTML 5

var test_canvas = document.createElement("canvas") //try and create sample canvas element
var canvascheck=(test_canvas.getContext)? true : false //check if object supports getContext() method, a method of the canvas element
alert(canvascheck) //alerts true if browser supports canvas element

Ref:http://www.javascriptkit.com/javatutors/createelementcheck.shtml[^]

Posted 6-Sep-12 20:22pm

Member 8690010

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manfred Rudolf Bihy · Accepted Answer · 2011-03-02T20:20:00

This is sounds like a very tough job as none of the existing browsers fully support HTML5. There are ones doing better at supporting a subset of HTML5 than others. There is a check on this page (HTML5 Test[^]) that gives you an idea what checks to integrate, but this page doesn't claim completeness. One page shows how your browser is scoring and second one shows the scores of other browsers as a comparison.

Cheers!

Modification:

Here you'll find a "HTML5 Testpage" project on GIT. The index.html file is especially interesting: https://github.com/NielsLeenheer/html5test/blob/master/index.html[^]