Javascript 测试图片元素或 srcset 支持

Question

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

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

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

谢谢!

Answer 1

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

Modernizr.addTest('图片', 窗口中的'HTMLPictureElement');

对于 src-set...

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

你就可以开始比赛了。