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 hasFocus使用实例
Jun 29 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 Javascript
JavaScript函数模式详解
Nov 07 Javascript
node.js中watch机制详解
Nov 17 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
Apr 08 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
详解node child_process模块学习笔记
Jan 24 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
Jun 05 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连接mysql数据库代码
2009/03/10 PHP
javascript数组与php数组的地址传递及值传递用法实例
2015/01/22 PHP
php创建桌面快捷方式实现方法
2015/12/31 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
2007/03/08 Javascript
jQuery 表格工具集
2010/04/25 Javascript
js获取当月最后一天实例代码
2013/11/19 Javascript
js中的事件捕捉模型与冒泡模型实例分析
2015/01/10 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
2016/05/30 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
2016/12/26 Javascript
JS实现颜色梯度与渐变效果完整实例
2016/12/30 Javascript
node.js中cluster的使用教程
2017/06/09 Javascript
vue移动端实现红包雨效果
2020/06/23 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
2018/11/29 Javascript
javascript中的this作用域详解
2019/07/15 Javascript
JS数组方法push()、pop()用法实例分析
2020/01/18 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
Django框架下在URLconf中指定视图缓存的方法
2015/07/23 Python
python实现聚类算法原理
2018/02/12 Python
python安装twisted的问题解析
2018/08/21 Python
Python爬虫之UserAgent的使用实例
2019/02/21 Python
Python3.5常见内置方法参数用法实例详解
2019/04/29 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
仓库文员岗位职责
2014/04/06 职场文书
中文专业求职信
2014/06/20 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
个人收入证明范本
2015/06/12 职场文书