How do you detect support for VML or SVG in a browser

by

I’d suggest one tweak to crescentfresh’s answer – use 

document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")

rather than 

document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Shape", "1.0")

to detect SVG. WebKit is currently very picky about reporting features, and returns false for feature#Shape despite having relatively solid SVG support. The feature#BasicStructure alternative is suggested in the comments to https://bugs.webkit.org/show_bug.cgi?id=17400 and gives me the answers I expected on Firefox/Opera/Safari/Chrome (true) and IE (false).

Note that the implementation.hasFeature approach will ignore support via plugins, so if you want to check for e.g. the Adobe SVG Viewer plugin for IE you’ll need to do that separately. I’d imagine the same is true for the RENESIS plugin, but haven’t checked.

More Related Contents:

  1. Check if user is using IE
  2. Detect IE version (prior to v9) in JavaScript
  3. Javascript IE detection, why not use simple conditional comments? [duplicate]
  4. Differentiate IE7 browser and browser in IE7 compatibility mode
  5. Best way to check for IE less than 9 in JavaScript without library
  6. How to detect IE 11 with javascript in Asp.net
  7. Find out how many tabs are opened in IE [closed]
  8. javascript document.getElementsByClassName compatibility with IE
  9. Fixing JavaScript Array functions in Internet Explorer (indexOf, forEach, etc.) [closed]
  10. Input placeholders for Internet Explorer
  11. How to draw an inline svg (in DOM) to a canvas?
  12. How to linebreak an svg text within javascript?
  13. Convert SVG to PNG with applied images as background to svg elements
  14. Updating SVG Element Z-Index With D3
  15. What causes the error “Can’t execute code from a freed script”
  16. D3 Appending Text to a SVG Rectangle
  17. Code with classList does not work in IE?
  18. In d3, how to get the interpolated line data from a SVG line?
  19. D3js take data from an array instead of a file
  20. JQuery Ajax post parameters sometimes not sent on IE
  21. D3 fill shape with image using pattern
  22. How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
  23. Javascript Invalid Date Error in Internet Explorer
  24. how to set up an inline svg with webpack
  25. IE Bug (window === top) === false
  26. How to get the width of an svg:g element
  27. JavaScript Profiler in IE
  28. postMessage still broken on IE11?
  29. XMLHttpRequest: Network Error 0x80070005, Access is denied on Microsoft Edge (but not IE)
  30. D3 put arc labels in a Pie Chart if there is enough space

Leave a Comment