Javascript 测试图片元素或 srcset 支持答案

【问题标题】：Javascript test for picture element or srcset supportJavascript 测试图片元素或 srcset 支持
【发布时间】：2014-11-27 20:55:16
【问题描述】：

我想升级我的标记以使用“图片”元素，同时依赖我作为后备编写的响应式图像脚本。

有什么方法可以有条件地仅在不支持该元素的浏览器中触发我的响应式图像脚本？

Modernizr 似乎直到 v.3 才提供此测试，该测试仍处于测试阶段，所以我不确定我是否应该在生产中使用它。

谢谢！

【问题讨论】：

只是好奇。你不能只使用img吗？我的意思是，图片元素真的会为你的标记语义添加一些东西吗？
确实，我将使用 img，但在图片元素中，以及一些源标签：查看最新版本 Chrome 中的图片和 srcset 实现 :) 我将使用不同的在不同视口宽度下具有不同艺术方向的图像：Chrome 原生支持响应式图像。
developers.google.com/web/fundamentals/media/images/…

【解决方案1】：

Modernizr 3 并不是真正的测试版。它只是在等待我们完成为网站编写一些内容。话虽如此，您完全可以从 v3 源中获取检测并将它们添加到您的 2.x 版本中，就像图片元素一样

Modernizr.addTest('picture', 'HTMLPictureElement' in window );

对于 src-set...

Modernizr.addTest('srcset', 'srcset' in document.createElement('img'));

你要去参加比赛了。

【讨论】：