资讯专栏INFORMATION COLUMN

常用函数之 supportWebp

instein / 894人阅读

收录一个常用的函数

const inBrowser = typeof window !== "undefined"

function supportWebp () {
  if (!inBrowser) return false

  let support = true
  const d = document

  try {
    let el = d.createElement("object")
    el.type = "image/webp"
    el.style.visibility = "hidden"
    el.innerHTML = "!"
    d.body.appendChild(el)
    support = !el.offsetWidth
    d.body.removeChild(el)
  } catch (err) {
    support = false
  }

  return support
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97741.html

相关文章

  • 构建一个简单的新闻客户端PWA应用

    摘要:开始这是一个纯练手的小项目,旨在练习使用相关技术构建一个网络应用。中一个很重要的点就是利用拦截拦截客户端请求,如果请求命中缓存中的数据,则无需访问网络,直接返回。 开始 这是一个纯练手的小项目,旨在练习使用PWA(Progressive Web Apps)相关技术构建一个网络应用。 项目地址:https://github.com/bjw1234/ne... 预览地址:https://b...

    shiyang6017 评论0 收藏0
  • 如何利用Webp和http缓存节省30%的网络流量

    摘要:年月日,开始让支持无损压缩和透明色通道的功能,而在年月日的引用实做中正式支持。根据较早的测试,的无损压缩比网络上找到的档少了的文件大小,即使这些档在使用和处理过,还是可以减少的文件大小。这两种缓存方式是可以同时存在的。   Webp推出那年,我刚刚考上高中。转眼间,大学毕业将近一年,我依旧是那个青葱少年!就像Webp一样,还是那么年轻,时至今日尚未崭露头角,原因是各大浏览器对它的兼容依...

    fyber 评论0 收藏0
  • PWA 时代的移动端图片优化新思路

    摘要:是一个注册在指定源和路径下的事件驱动。移动端方面的支持度较好,从版本开始支持。作为提出的一项技术,在端有很好的支持,但目前的兼容性还无法在移动端网页中广泛使用。从而达到向后兼容式的优化。 图片通常是移动端网页中最占流量的资源。在很多类型的网站中(比如电商、社区),图片占据了网页的大部分空间。优化图片的质量和加载速度成为提高用户体验的重要途径。 传统方案的弊端 目前有一些被广泛应用的方案...

    RaoMeng 评论0 收藏0
  • PWA 时代的移动端图片优化新思路

    摘要:是一个注册在指定源和路径下的事件驱动。移动端方面的支持度较好,从版本开始支持。作为提出的一项技术,在端有很好的支持,但目前的兼容性还无法在移动端网页中广泛使用。从而达到向后兼容式的优化。 图片通常是移动端网页中最占流量的资源。在很多类型的网站中(比如电商、社区),图片占据了网页的大部分空间。优化图片的质量和加载速度成为提高用户体验的重要途径。 传统方案的弊端 目前有一些被广泛应用的方案...

    zhaofeihao 评论0 收藏0
  • Python3中级玩家:淘宝天猫商品搜索爬虫自动化工具(第一篇)

    摘要:这就是我们第一个核心函数代码,后面还有很多个喔明天待续中级玩家淘宝天猫商品搜索爬虫自动化工具第二篇等不及,请武装 查看·Github 使用Golang重构PC版本搜索框:https://github.com/hunterhug/... 一、前言 大家好,今天我要来讲讲一个比较实用的爬虫工具,抓取淘宝的关键字商品信息,即是: showImg(https://segmentfault.co...

    oliverhuang 评论0 收藏0

发表评论

0条评论

instein

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<