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和手机浏览器的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

相关文章

  • 浅析创建javascript对象的方法

    浅析创建javascript对象的方法

    下面小编就为大家带来一篇浅析创建javascript对象的方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 详解JS判断页面是在手机端还是在PC端打开的方法

    详解JS判断页面是在手机端还是在PC端打开的方法

    这篇文章主要介绍了JS判断页面是手机端还是在PC端打开的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript设计模式 – 建造者模式原理与应用实例分析

    javascript设计模式 – 建造者模式原理与应用实例分析

    这篇文章主要介绍了javascript设计模式 – 建造者模式,结合实例形式分析了javascript建造者模式相关概念、原理、应用场景及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • javascript+ajax实现产品页面加载信息

    javascript+ajax实现产品页面加载信息

    本文给大家分享的是使用javascript结合ajax实现产品页面无刷新加载信息的代码,非常的简单实用,有需要的小伙伴可以参考下。
    2015-07-07
  • 原生js获取元素样式的简单方法

    原生js获取元素样式的简单方法

    下面小编就为大家带来一篇原生js获取元素样式的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript二叉搜索树构建操作详解

    JavaScript二叉搜索树构建操作详解

    这篇文章主要介绍了JavaScript二叉搜索树构建操作详解,文章围绕主题展开二叉搜索树的性质以及二叉搜索树的构建、查找和删除等内容,需要的小伙伴可以参考一下
    2022-07-07
  • javascript开发随笔一 preventDefault的必要

    javascript开发随笔一 preventDefault的必要

    给a做按钮的click事件加preventDefault阻止浏览器的默认行为貌似是印象中必须的事情
    2011-11-11
  • JS简单操作select和dropdownlist实例

    JS简单操作select和dropdownlist实例

    这篇文章主要介绍了JS简单操作select和dropdownlist的方法,以实例形式讲述了js针对服务器控件select和dropdownlist的读写操作方法,是js与.net交互的典型应用实例,需要的朋友可以参考下
    2014-11-11
  • JavaScript中String和StringBuffer的速度之争

    JavaScript中String和StringBuffer的速度之争

    很多Javascript书籍中都是类比于Java说String在频繁的和大量的字符串连接方面的效率是不如StringBuffer的。
    2010-04-04
  • js图片自动轮播代码分享(js图片轮播)

    js图片自动轮播代码分享(js图片轮播)

    这篇文章主要介绍了js图片自动轮播代码,利用图片width显示位置来播放图片和利用数组放入图片经行轮播,需要的朋友可以参考下
    2014-05-05

最新评论