JS判断浏览器是否支持webp

im, 无色
im, 无色
im, 无色
884
文章
0
评论
2019年7月16日17:46:44 评论 543
function BrowserType() 

{ 

   var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 

   var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 

   // var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 

   var isIE=window.ActiveXObject || "ActiveXObject" in window

   // var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器 

   var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器

   var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器 

   var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器 

   var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1&&!isEdge; //判断Chrome浏览器 

   if (isIE)  

   { 

    /*

      var reIE = new RegExp("MSIE (d+.d+);"); 

      reIE.test(userAgent); 

      var fIEVersion = parseFloat(RegExp["$1"]); 

      if(userAgent.indexOf('MSIE 6.0')!=-1){

          return "IE6";

      }else if(fIEVersion == 7) 

          { return "IE7";} 

      else if(fIEVersion == 8) 

          { return "IE8";} 

      else if(fIEVersion == 9) 

          { return "IE9";} 

      else if(fIEVersion == 10) 

          { return "IE10";} 

      else if(userAgent.toLowerCase().match(/rv:([d.]+)) like gecko/)){ 

              return "IE11";

          } 

      else

        { return "0"}//IE版本过低

      */

      return "IE";

    }//isIE end 

    if (isFF) { return "FF";} 

    if (isOpera) { return "Opera";} 

    if (isSafari) { return "Safari";} 

    if (isChrome) { return "Chrome";} 

    if (isEdge) { return "Edge";} 

}//myBrowser() end

// 判断是否支持webp

  var webp = new Image();

  webp.src = 'data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACyAgCdASoBAAEALmk0mk0iIiIiIgBoSygABc6zbAAA/v56QAAAAA==';

  webp.onerror = function(){

      supportWebp = false;

      var slider = $(".swiper-wrapper").html();

      slider = slider.replace(/-wx.webp/g,'-web.jpg');

      console.log(slider);

      $(".swiper-wrapper").html(slider);

  };

  webp.onload = function(){

      supportWebp = true;

  };
im, 无色
  • 本文由 发表于 2019年7月16日17:46:44
2019 年最好用的 JavaScript 图表库 JavaScript

2019 年最好用的 JavaScript 图表库

作者:Saurabh Barot 翻译:王强 大数据时代,收集和使用数据的需求正在爆发式增长,数据可视化也变得愈加重要。开发人员在想方设法将不同数据库中的记录整合到仪表板和漂亮的图表中,向人们快速直观...
SDWebImage支持WebP格式 WebP

SDWebImage支持WebP格式

        4g时代,流量依然是宝贵的东西。而移动网络传输中,最占流量的一种载体:图片,成为了我们移动开发者不得不关注的一个问题。我们关注的问题,无非是图片体积和质量如何达到一个比较和谐的平衡,希...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: