我建议对 crescentfresh 的答案进行一项调整 - 使用

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

而不是

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

检测SVG。WebKit 目前对报告功能非常挑剔，feature#Shape尽管具有相对可靠的 SVG 支持，但返回 false 。该feature#BasicStructure替代建议的意见https://bugs.webkit.org/show_bug.cgi?id=17400，给我我预计火狐/歌剧/ Safari /铬（真）和IE（假）的答案。

请注意，该implementation.hasFeature方法将忽略通过插件的支持，因此如果您想检查例如适用于 IE 的 Adob​​e SVG 查看器插件，您需要单独执行此操作。我想 RENESIS 插件也是如此，但还没有检查。

SVG 检查在 Chrome 中对我不起作用，所以我查看了 Modernizer 库在他们的检查中的作用（https://github.com/Modernizr/Modernizr/blob/master/modernizr.js）。

根据他们的代码，这对我有用：

function supportsSVG() {
    return !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', "svg").createSVGRect;
  }

对于 VML 检测，以下是谷歌地图的作用（搜索“ function Xd”）：

function supportsVml() {
    if (typeof supportsVml.supported == "undefined") {
        var a = document.body.appendChild(document.createElement('div'));
        a.innerHTML = '<v:shape id="vml_flag1" adj="1" />';
        var b = a.firstChild;
        b.style.behavior = "url(#default#VML)";
        supportsVml.supported = b ? typeof b.adj == "object": true;
        a.parentNode.removeChild(a);
    }
    return supportsVml.supported
}

我明白你对 FF 的意思：它允许创建任意元素，包括 vml 元素 ( <v:shape>)。看起来是对adjacency属性的测试，可以判断创建的元素是否真的被解释为vml对象。

对于 SVG 检测，这很好用：

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

你可能想跳过这个并使用一个 JS 库，它允许你跨浏览器进行矢量绘图，如果这是意图的话。然后，该库将处理此问题，如果支持则输出到 SVG，如果不支持则回退到 canvas、VML、flash、silverlight 等，具体取决于可用的内容。

将执行此操作的库示例如下（没有特定顺序）：

• dojo.gfx ( http://docs.dojocampus.org/dojox/gfx/ )
• 拉斐尔( http://raphaeljs.com/ )
• SVGWeb ( http://code.google.com/p/svgweb/ )

var svgSupport = (window.SVGSVGElement) ? true : false;

如果您假设非 SVG 浏览器是 IE5.5 或更高版本并且可以支持 VML，则可以工作。在 IE6、Firefox 8、Chrome 14.0 上测试。

Raphael 非常酷，但它不支持组的概念，这可能会受到限制，具体取决于您在做什么。不过，德米特里可能会因为我这么说而生气。