js判断移动端类型浏览器类型代码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > js判断移动端类型浏览器类型代码实例

本代码实现了多种功能，比如可以判断是否是IE浏览器，是否是移动端，还有何种类型浏览器等。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script>
var browser={
  versions:function(){
    var u = navigator.userAgent, app = navigator.appVersion;
    return { //移动终端浏览器版本信息
      trident: u.indexOf('Trident') > -1, //IE内核
      presto: u.indexOf('Presto') > -1, //opera内核
      webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
      gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
      mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
      ios: !!u.match(/\\\\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
      android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
      iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
      iPad: u.indexOf('iPad') > -1, //是否iPad
      webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
    };
  }(),
  language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln("语言版本: "+browser.language);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
</script>
</head>
<body>
  
</body>
</html>

代码描述：js 判断移动端类型浏览器类型。js判断移动端类型浏览器类型代码实例

下载全部收藏

175 233

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册