Javascript自定义函数判断网站访问类型是PC还是移动终端


Posted in Javascript onJanuary 10, 2014

由于很多移动终端不支持 Flash,因此 许多绚丽多彩的 Flash效果出不来。如果,能够判断出访问Web网页的类型(PC还是移动终端)。就可以对症下药,找出解决的办法!

访问的类型为移动终端我们就用.gif代替Flash(.swf后缀)动画,PC端就不做改变。这样就比较完美了!

如下所示,函数 flashChecker() 就是用来检测访问的类型。

<script language="javascript" type="text/javascript"> 
/* 
*用来检测是 PC还是移动终端 
*返回:flashChecker().f == true PC终端 
* 反之为移动终端 
*/ 
function flashChecker() { 
var hasFlash = 0; 
var flashVersion = 0; 
var isIE = /*@cc_on!@*/0; 
if (isIE) { 
var swf = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); 
if (swf) { 
hasFlash = 1; 
VSwf = swf.GetVariable("$version"); 
flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]); 
} 
} 
else { 
if (navigator.plugins && navigator.plugins.length > 0) { 
var swf = navigator.plugins["Shockwave Flash"]; 
if (swf) { 
hasFlash = 1; 
var words = swf.description.split(" "); 
for (var i = 0; i < words.length; ++i) { 
if (isNaN(parseInt(words[i]))) { 
continue; 
} 
flashVersion = parseInt(words[i]); 
} 
} 
} 
} 
return { 
f: hasFlash, v: flashVersion 
}; 
} 
</script>

扩充:
<script language="javascript" type="text/javascript"> 
/* 
* 根据参数 输出swf动画 
* url :单击 swf动画 后的跳转地址 
* swfLink: *.swf 素材地址 
*/ 
function GetSwfHtml(url, swfLink) { 
html = "<a style='position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; " + 
"width: 100%; height: expression(this.parentNode.scrollHeight); filter: alpha(opacity=0);" + 
"opacity: 0; background: #FFF;' href='" + url + "' target='_blank'>" + 
"</a>" + 
"<object width='590' height='55' align='middle'>" + 
"<param name='allowScriptAccess' value='never' />" + 
"<param name='quality' value='high' />" + 
"<param name='wmode' value='transparent' />" + 
"<param name='movie' value='" + swfLink+ "' />" + 
"<embed wmode='transparent' src='" + swfLink+ "' quality='high' " + 
"width='590' height='55' align='middle' allowscriptaccess='never' type='application/x-shockwave-flash' " + 
"pluginspage='" + url + "' />" + 
"</object>"; 
return html; 
} 
</script>
Javascript 相关文章推荐
js 学习笔记(三)
Dec 29 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 Javascript
浅谈Javascript如何实现匀速运动
Dec 19 Javascript
jQuery判断对象是否存在的方法
Feb 05 Javascript
jquery使用经验小结
May 20 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
JS创建对象的写法示例
Nov 04 Javascript
js数组常用最重要的方法
Feb 04 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
vue 动态组件用法示例小结
Mar 06 Javascript
在Vue中使用HOC模式的实现
Aug 23 Javascript
兼容主流浏览器的iframe自适应高度js脚本
Jan 10 #Javascript
javascript遍历控件实例详细解析
Jan 10 #Javascript
关闭ie窗口清除Session的解决方法
Jan 10 #Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 #Javascript
JS实现根据出生年月计算年龄
Jan 10 #Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 #Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 #Javascript
You might like
php 变量未定义等错误的解决方法
2011/01/12 PHP
php中如何防止表单的重复提交
2013/08/02 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
PHP实现批量检测网站是否能够正常打开的方法
2016/08/23 PHP
javascript的函数
2007/01/31 Javascript
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
mpvue 单文件页面配置详解
2018/12/02 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
使用Mock.js生成前端测试数据
2020/12/13 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
Python常用的文件及文件路径、目录操作方法汇总介绍
2015/05/21 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
Python matplotlib生成图片背景透明的示例代码
2019/08/30 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
HTML5 progress和meter控件_动力节点Java学院整理
2017/07/06 HTML / CSS
全球最大最受欢迎的旅游社区:Tripadvisor
2017/11/03 全球购物
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
美丽乡村建设实施方案
2014/03/23 职场文书
2015年教研室工作总结范文
2015/05/23 职场文书