首页 > 代码库 > 判断浏览器是否支持webp

判断浏览器是否支持webp

判断浏览器是否支持webp格式

var isSupportWebp = !![].map && document.createElement(‘canvas‘).toDataURL(‘image/webp‘).indexOf(‘data:image/webp‘) == 0;

返回true或false;

true为支持,false不支持

!![].map主要是判断是否是IE9+,以免toDataURL方法会挂掉。如果你直接对数组原型扩展了map方法,则需要使用!![].map以外的方法进行判断,例如!!window.addEventListener等。

判断浏览器是否支持webp