如何检查浏览器是否支持带有javascript的svg

How to check if browser supports svg with javascript?

本文关键字：支持 javascript svg 是否 浏览器 何检查 检查      更新时间：2023-09-26

我在我的网站上使用了svg动画，但它也必须在不支持svg的旧浏览器中运行。我可以通过重定向到静态页面来解决这个问题。

但是，是否有可能在javascript的帮助下检测浏览器是否支持svg？

任何帮助将不胜感激。

不久前，当我构建我的支持增强库的 $.supports(( 部分时，我自己做了很多搜索。这是我确定的：

canSvg = !!(document.createElementNS && document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect);

在IE8+上测试，工作正常。

编辑

@SinaSadrzadeh提出了一个很好的观点，而Modernizr是一个很好的资源。如果您还没有，我建议您在项目中使用 Modernizr，但特别是如果 SVG 不是唯一要测试的内容。如果 SVG 是您唯一要测试的内容，则不需要引入整个库，但它不允许很大的可扩展性。

你可以利用一个名为modernizr的非常有用的库

包含它后，只需写这样的东西：

if (!Modernizr.svg) {
  // svg fallback
}
相关文章：