/posts/test-support-of-webp 一段判断浏览器是否支持WebP的js代码 30 Aug 2017

讲真为什么大家都不支持WebP...

转自一段判断浏览器是否支持WebP的js代码 原作者: 关爱单身狗成长协会

window.isSupportWebp = false;//是否支持
(function() {
    var img = new Image(); 
    function getResult(event) {
        //如果进入加载且图片宽度为1(通过图片宽度值判断图片是否可以显示)
        window.isSupportWebp = event && event.type === 'load' ? img.width == 1 : false;
    }
    img.onerror = getResult;
    img.onload = getResult;
    img.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA='; //一像素图片
})();