判断浏览器是否支持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等。