JS 动态判断PC和手机浏览器实现代码

 更新时间:2016年09月21日 14:47:24   作者:张占岭  
这篇文章主要介绍了JS 动态判断PC和手机浏览器实现代码的相关资料,需要的朋友可以参考下

这个只是一个小知识,也是在网上找的,挺好用!

动态判断浏览器是PC还是移动端!

<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.*/)||!!u.match(/AppleWebKit/), //是否为移动终端  
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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器  
iPad: u.indexOf('iPad') > -1, //是否iPad  
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部  
};
}()
} 

document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent); 
</script>

挺有意思!

以上就是JS 动态判断PC和手机浏览器的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

相关文章

  • JS实现仿UC浏览器前进后退效果的实例代码

    JS实现仿UC浏览器前进后退效果的实例代码

    这篇文章主要介绍了JS实现仿UC浏览器前进后退效果的实例代码,实现此功能前需要先测试下浏览器,具体实例代码,大家参考下本文
    2017-07-07
  • 微信小程序选择器组件picker简单入门

    微信小程序选择器组件picker简单入门

    微信小程序picker表单选择器的使用,根据官方介绍的有点不清楚,下面这篇文章主要给大家介绍了关于微信小程序选择器组件picker的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • 基于javascript的无缝滚动动画1

    基于javascript的无缝滚动动画1

    这篇文章主要介绍了基于javascript的无缝滚动动画实现,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 浅谈Javascript鼠标和滚轮事件

    浅谈Javascript鼠标和滚轮事件

    浅谈Javascript鼠标和滚轮事件,鼠标事件也许是web页面当中最常用到的事件,因为鼠标是最常用的导航设备
    2012-06-06
  • JavaScript中split()方法举例详解

    JavaScript中split()方法举例详解

    这篇文章主要给大家介绍了关于JavaScript中split()方法的相关资料,split()方法在js处理字符串是很常见,也是很重要的一种方法必须熟练掌握,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • js带缩略图的图片轮播效果代码分享

    js带缩略图的图片轮播效果代码分享

    这篇文章主要介绍了js带缩略图的图片轮播效果,图片轮播效果特别适合做产品展示,感兴趣的小伙伴可以参考下。
    2015-09-09
  • JS中的三个循环小结

    JS中的三个循环小结

    这篇文章主要介绍了JS中的三个循环小结,需要的朋友可以参考下
    2017-06-06
  • JS中去掉if...else的多种方法

    JS中去掉if...else的多种方法

    在JavaScript编程中,过多的if...elseif...else语句可能导致代码难以维护,可以通过switch语句、对象字面量、函数映射、数组或映射对象分发、提前返回以及使用数组的find方法来优化这种复杂的条件判断,提高代码的可读性和维护性,下面就来介绍一下
    2024-09-09
  • JavaScript中的Array 对象(数组对象)

    JavaScript中的Array 对象(数组对象)

    Array 对象用于在单个的变量中存储多个值。
    2016-06-06
  • JavaScript 闭包在封装函数时的简单分析

    JavaScript 闭包在封装函数时的简单分析

    近才开始系统的研究js,对js的兴趣源于对JQuery的应用。之前只会用js做简单的计算函数,后来由于需要做特效,故接触JQ,看着API,基本的特效都能完成,但相反,如果用js去实现,估计自己很难写得出来,所以下定决心系统的看看js。
    2009-11-11

最新评论