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 相关文章推荐
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
js隐式全局变量造成的bug示例代码
Apr 22 Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 Javascript
JavaScript实现瀑布流布局的3种方式
Dec 27 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 设计模式之观察者模式介绍
2012/02/22 PHP
PHP中使用cURL实现Get和Post请求的方法
2013/03/13 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
javascript 多浏览器 事件大全
2010/03/23 Javascript
js 针对html DOM元素操作等经验累积
2014/03/11 Javascript
js获取当前页面的url网址信息
2014/06/12 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
jquery处理页面弹出层查询数据等待操作实例
2015/03/25 Javascript
java必学必会之static关键字
2015/12/03 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
操作Windows注册表的简单的Python程序制作教程
2015/04/07 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
40行Python代码实现天气预报和每日鸡汤推送功能
2020/02/27 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
个人自我鉴定写法
2013/11/30 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
初二政治教学反思
2014/01/12 职场文书
买房子个人收入证明
2014/01/16 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
班级学雷锋活动总结
2014/06/26 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
购房协议书范本
2014/10/02 职场文书