常用函數(shù)之 supportWebp

instein 發(fā)布于2019-08-23 11:57 / 1136人閱讀

收錄一個(gè)常用的函數(shù)

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
}

GPU云服務(wù)器云服務(wù)器 PHP常用函數(shù) python常用函數(shù) javascript常用函數(shù) php常用函數(shù)記憶

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/97741.html

相關(guān)文章

構(gòu)建一個(gè)簡(jiǎn)單的新聞客戶端PWA應(yīng)用

摘要：開始這是一個(gè)純練手的小項(xiàng)目，旨在練習(xí)使用相關(guān)技術(shù)構(gòu)建一個(gè)網(wǎng)絡(luò)應(yīng)用。中一個(gè)很重要的點(diǎn)就是利用攔截?cái)r截客戶端請(qǐng)求，如果請(qǐng)求命中緩存中的數(shù)據(jù)，則無需訪問網(wǎng)絡(luò)，直接返回。開始這是一個(gè)純練手的小項(xiàng)目，旨在練習(xí)使用PWA(Progressive Web Apps)相關(guān)技術(shù)構(gòu)建一個(gè)網(wǎng)絡(luò)應(yīng)用。項(xiàng)目地址：https://github.com/bjw1234/ne... 預(yù)覽地址：https://b...

shiyang6017 2019-08-26 11:56 評(píng)論0 收藏0
如何利用Webp和http緩存節(jié)省30%的網(wǎng)絡(luò)流量

摘要：年月日，開始讓支持無損壓縮和透明色通道的功能，而在年月日的引用實(shí)做中正式支持。根據(jù)較早的測(cè)試，的無損壓縮比網(wǎng)絡(luò)上找到的檔少了的文件大小，即使這些檔在使用和處理過，還是可以減少的文件大小。這兩種緩存方式是可以同時(shí)存在的。 ??Webp推出那年，我剛剛考上高中。轉(zhuǎn)眼間，大學(xué)畢業(yè)將近一年，我依舊是那個(gè)青蔥少年！就像Webp一樣，還是那么年輕，時(shí)至今日尚未嶄露頭角，原因是各大瀏覽器對(duì)它的兼容依...

fyber 2019-08-26 11:59 評(píng)論0 收藏0
PWA 時(shí)代的移動(dòng)端圖片優(yōu)化新思路

摘要：是一個(gè)注冊(cè)在指定源和路徑下的事件驅(qū)動(dòng)。移動(dòng)端方面的支持度較好，從版本開始支持。作為提出的一項(xiàng)技術(shù)，在端有很好的支持，但目前的兼容性還無法在移動(dòng)端網(wǎng)頁(yè)中廣泛使用。從而達(dá)到向后兼容式的優(yōu)化。圖片通常是移動(dòng)端網(wǎng)頁(yè)中最占流量的資源。在很多類型的網(wǎng)站中（比如電商、社區(qū)），圖片占據(jù)了網(wǎng)頁(yè)的大部分空間。優(yōu)化圖片的質(zhì)量和加載速度成為提高用戶體驗(yàn)的重要途徑。傳統(tǒng)方案的弊端目前有一些被廣泛應(yīng)用的方案...

RaoMeng 2019-08-29 16:16 評(píng)論0 收藏0
PWA 時(shí)代的移動(dòng)端圖片優(yōu)化新思路

摘要：是一個(gè)注冊(cè)在指定源和路徑下的事件驅(qū)動(dòng)。移動(dòng)端方面的支持度較好，從版本開始支持。作為提出的一項(xiàng)技術(shù)，在端有很好的支持，但目前的兼容性還無法在移動(dòng)端網(wǎng)頁(yè)中廣泛使用。從而達(dá)到向后兼容式的優(yōu)化。圖片通常是移動(dòng)端網(wǎng)頁(yè)中最占流量的資源。在很多類型的網(wǎng)站中（比如電商、社區(qū)），圖片占據(jù)了網(wǎng)頁(yè)的大部分空間。優(yōu)化圖片的質(zhì)量和加載速度成為提高用戶體驗(yàn)的重要途徑。傳統(tǒng)方案的弊端目前有一些被廣泛應(yīng)用的方案...

zhaofeihao 2019-08-23 10:39 評(píng)論0 收藏0
Python3中級(jí)玩家：淘寶天貓商品搜索爬蟲自動(dòng)化工具（第一篇）

摘要：這就是我們第一個(gè)核心函數(shù)代碼，后面還有很多個(gè)喔明天待續(xù)中級(jí)玩家淘寶天貓商品搜索爬蟲自動(dòng)化工具第二篇等不及，請(qǐng)武裝查看·Github 使用Golang重構(gòu)PC版本搜索框：https://github.com/hunterhug/... 一、前言大家好，今天我要來講講一個(gè)比較實(shí)用的爬蟲工具，抓取淘寶的關(guān)鍵字商品信息，即是： showImg(https://segmentfault.co...

oliverhuang 2019-07-30 14:29 評(píng)論0 收藏0