通过js判断浏览器是否支持flash，不支持就显示其他图片内容

时间：2017-06-27 13:10:47

分类：优秀文章

现在手机已经大多不支持flash了，pc端的chrome也默认不再提供flash插件，这让有些需要使用flash动画的网站效果大打折扣，在不支持flash的浏览器上看着会比较别扭，显示一个播放控件。

QQ截图20170627131541.jpg

我们可以通过下面的js代码来判断浏览器是否支持flash，如不支持则显示图片或其他内容。

折叠JavaScript 代码
  1. <script type="text/javascript">  
  2. function flashChecker() {    
  3.     var hasFlash = 0;　　　　 //是否安装了flash    
  4.     var flashVersion = 0;　　 //flash版本    
  5.     if(document.all) {    
  6.         var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');    
  7.         if(swf) {    
  8.             hasFlash = 1;    
  9.             VSwf = swf.GetVariable("$version");    
  10.             flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]);    
  11.         }    
  12.     } else {    
  13.         if(navigator.plugins && navigator.plugins.length > 0) {    
  14.             var swf = navigator.plugins["Shockwave Flash"];    
  15.             if(swf) {    
  16.                 hasFlash = 1;    
  17.                 var words = swf.description.split(" ");    
  18.                 for(var i = 0; i < words.length; ++i) {    
  19.                     if(isNaN(parseInt(words[i]))) continue;    
  20.                     flashVersion = parseInt(words[i]);    
  21.                 }    
  22.             }    
  23.         }    
  24.     }    
  25.     return {    
  26.         f: hasFlash,    
  27.         v: flashVersion    
  28.     };    
  29. }    
  30.       
  31. var fls = flashChecker();    
  32. var s = "";   
  33. if(fls.f==false){  
  34.     $(".logo").hide();  
  35.     $(".logoimg").show();  
  36. }  
  37. </script>  

flash容器类名为logo，图片容器类名为logoimg

 

分享

相关文章

相关推荐

为帝国CMS用户提供动力

Copyright © 2016 CmsDX.com All Rights Reserved.