通过js就可以判断当前页面是在什么浏览器打开的
2017-03-05 12:02
495 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
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()
}
if (browser.versions.mobile) {//判断是否是移动设备打开
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
alert("在微信中打开")
}
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
alert("在新浪微博客户端打开")
}
if (ua.match(/QQ/i) == "qq") {
//在QQ空间打开
alert("在QQ空间打开")
}
if (browser.versions.ios) {
//是否在IOS浏览器打开
alert("ios终端")
}
if(browser.versions.android){
//是否在安卓浏览器打开
alert("是否在安卓浏览器打开")
}
if (browser.versions.iPad) {
// 是否iPad
alert("是否iPad");
}
if (browser.versions.webApp) {
alert("是否webapp")
}
if (browser.versions.iPhone) {
alert("是否为iPhone或者QQHD浏览器")
}
}else{
//否则就是PC浏览器
}
if (browser.versions.trident) {//判断浏览器内核
alert("是否IE内核")
}else if(browser.versions.webKit){
alert("是否webKit内核")
}else if (browser.versions.presto) {
alert("opera内核")
}else if (browser.versions.gecko) {
alert("是否火狐内核")
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
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()
}
if (browser.versions.mobile) {//判断是否是移动设备打开
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
alert("在微信中打开")
}
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
alert("在新浪微博客户端打开")
}
if (ua.match(/QQ/i) == "qq") {
//在QQ空间打开
alert("在QQ空间打开")
}
if (browser.versions.ios) {
//是否在IOS浏览器打开
alert("ios终端")
}
if(browser.versions.android){
//是否在安卓浏览器打开
alert("是否在安卓浏览器打开")
}
if (browser.versions.iPad) {
// 是否iPad
alert("是否iPad");
}
if (browser.versions.webApp) {
alert("是否webapp")
}
if (browser.versions.iPhone) {
alert("是否为iPhone或者QQHD浏览器")
}
}else{
//否则就是PC浏览器
}
if (browser.versions.trident) {//判断浏览器内核
alert("是否IE内核")
}else if(browser.versions.webKit){
alert("是否webKit内核")
}else if (browser.versions.presto) {
alert("opera内核")
}else if (browser.versions.gecko) {
alert("是否火狐内核")
}
</script>
</body>
</html>
相关文章推荐
- js判断当前页面用什么浏览器打开的方法
- js判断当前页面用什么浏览器打开的方法
- js判断当前页面用什么浏览器打开的方法
- js判断页面是什么浏览器打开
- JS判断当前页面是否在微信浏览器打开的方法
- 通过js判断打开页面的手机浏览器类型
- js判断当前是以什么方式打开浏览器
- JS判断当前页面是否在微信浏览器打开的方法
- 判断当前页面是由什么浏览器打开
- 判断当前页面是否在微信浏览器中打开(四类方法整理)
- php页面判断是 iphone还是andriod的浏览器&通过 URL types在浏览器打开app
- 通过JS判断是哪个手机APP打开的该页面
- 如何在页面加载完成后再去做某事?什么方法可以判断当前页面加载已完成?
- JS判断是什么设备是什么浏览器-主要用移动页面开发
- JS判断是什么设备是什么浏览器-主要用移动页面开发
- js判断当前页面在移动设备还是在PC端中打开
- php页面判断是 iphone还是andriod的浏览器&通过 URL types在浏览器打开app
- JS判断页面是否是在微信浏览器中打开
- php页面判断是 iphone还是andriod的浏览器&通过 URL types在浏览器打开app
- JS判断是什么设备是什么浏览器-主要用移动页面开发