Check if browser supports SVG for mobile devices, preferably Android

Question

I am trying to develop a web application for mobile devices (Android and iPhone).
I came to know that Android older version browser doesn't support SVG.

Is there a way in JavaScript, jQuery (whatever, in fact) to check if browser supports SVG? So, if it doesn't support I might be able to do some "B" Code for my app to run properly for all browsers.

possible duplicate of [Which SVG support detection method is best?](http://stackoverflow.com/questions/9689310/which-svg-support-detection-method-is-best) — James Donnelly, Jan 30 '15 at 15:38

score 4 · Answer 1 · answered Feb 04 '12 at 19:22

4

Simple, Modernizr, which supports mobile browsers too.

answered Feb 04 '12 at 19:22

elclanrs

92,861
21
134
171

Modernizr does detect svg. Read the docs here www.modernizr.com/docs/ – elclanrs Feb 05 '12 at 15:42

Phrogz · Answer 2 · 2012-02-05T21:31:40.860

3

I would personally do something like this:

var supportsSVG = false;
try{
  var svg = document.createElementNS("http://www.w3.org/2000/svg",'svg');
  supportsSVG = typeof svg.createSVGPoint == 'function';
}catch(e){}

If it can create an SVG element, and that SVG element has a createSVGPoint function, then I'd bet that it supports SVG.

Or better yet, try to create and test some of the exact features you want. I have a list of SVG 1.1 objects/properties/methods on my site; find the object you try to create, find it, and see if it has the methods you need.

edited Feb 05 '12 at 21:31

answered Feb 05 '12 at 16:09

Phrogz

296,393
112
651
745

2

The best way to check something is supported is to check *if its supported* – Shiplu Mokaddim Feb 05 '12 at 16:15

Check if browser supports SVG for mobile devices, preferably Android

2 Answers2