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 相关文章推荐
关于document.cookie的使用javascript
Oct 29 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
May 14 Javascript
jquery模拟alert的弹窗插件
Jul 31 Javascript
js实现的奥运倒计时时钟效果代码
Dec 09 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
node.js入门学习之url模块
Feb 25 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 Javascript
Vue ​v-model相关知识总结
Jan 28 Vue.js
兼容主流浏览器的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手机号码归属地查询代码(API接口/mysql)
2012/09/04 PHP
解析php中反射的应用
2013/06/18 PHP
php动态绑定变量的用法
2015/06/16 PHP
总结对比php中的多种序列化
2016/08/28 PHP
PHP反射机制原理与用法详解
2017/02/15 PHP
js 巧妙去除数组中的重复项
2010/01/25 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
2016/03/08 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
js布局实现单选按钮控件
2020/01/17 Javascript
[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访
2014/07/09 DOTA
python sys模块sys.path使用方法示例
2013/12/04 Python
python使用pygame框架实现推箱子游戏
2018/11/20 Python
python实现AES加密与解密
2019/03/28 Python
详解python中的线程与线程池
2019/05/10 Python
python小白切忌乱用表达式
2020/05/29 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
2013/01/09 HTML / CSS
Canvas在超级玛丽游戏中的应用详解
2021/02/06 HTML / CSS
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
销售实习自我鉴定
2013/12/07 职场文书
机械制造专业毕业生求职信
2014/03/02 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
win10下go mod配置方式
2021/04/25 Golang