webp-detector

webp detector

Usage no npm install needed!

<script type="module">
  import webpDetector from 'https://cdn.skypack.dev/webp-detector';
</script>

webp-detector has functions with isSupportWebp and getWebpSrc.

isSupportWebp：先将检测结果保存在 localStorage，格式为 WebpDetector: 'available' 或 WebpDetector: 'disable'。

getWebpSrc：根据 localStorage 中的检测结果，如果支持 webp 格式，则图片链接加上后缀，默认为 _.webp。

$ npm i -S webp-detector

import webpDetector from 'webp-detector';

webpDetector.isSupportWebp();

<img src={webpDetector.getWebpSrc('xxx')} />