启发文章:
1.探究WebP一些事儿
2.采用WebP动态响应图片
代码
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='; //一像素图片
})();
启发文章:1.探究WebP一些事儿2.采用WebP动态响应图片 代码
判断图片加载完成 音频完成加载操作 浏览器是否支持Webp格式
关于webp的介绍及测试 检测浏览器是否支持WebP google webp
本文原文来源于自家个人博客站 捷搜索 >> 判断浏览器是否支持WebP图片， 上篇文章“什么是WebP图片？”...
检测是否是微信浏览器 js判断是否移动端及浏览器内核 检测浏览器是否支持svg 检测浏览器是否支持canvas
1、js判断移动端系统 2、js判断是否PC端 3、js判断是否为微信内置浏览器 4、js判断是否为ie浏览器，并...
下面给出js判断处理代码移动端还是pc端，以作参考 判断是否微信浏览器中打开
兼容性： Can I use 并不是所有的浏览器都支持webp，浏览器下：Js可使用 webpjsAndroid ...
废话不多说，先上代码 首先判断浏览器是否支持window.DeviceMotionEvent，DeviceMoti...
webP介绍 WebP是一种现代图像格式，可为Web上的图像提供出色的无损和有损压缩。使用WebP，网站管理员和W...
本文标题：一段判断浏览器是否支持WebP的js代码
本文链接：https://www.haomeiwen.com/subject/sqxobttx.html
网友评论