欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript如何动态判断浏览器的类型?(代码示例)

程序员文章站 2022-03-18 16:26:05
...
本篇文章给大家带来的内容是介绍JavaScript如何动态判断浏览器的类型?(代码示例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

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

动态判断浏览器是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>

挺有意思!

以上就是JavaScript如何动态判断浏览器的类型?(代码示例)的详细内容,更多请关注其它相关文章!