Javascript测试图片元素或srcset支持

时间:2014-11-27 20:55:16

标签: javascript html5 responsive-design modernizr

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

我是否有办法仅在不支持该元素的浏览器中有条件地触发响应式图像脚本?

Modernizr似乎没有这个测试可用,直到v.3仍然处于测试阶段,所以我不确定我是否应该在生产中使用它。

谢谢!

1 个答案:

答案 0 :(得分:4)

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

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

和src-set ...

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

你要参加比赛了。