判斷瀏覽器是否支援webp

標籤：creat   window   data   map   port   方法   格式   doc   dev   

判斷瀏覽器是否支援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