JS判断当前页面是在 QQ客户端/微信客户端/iOS浏览器/Android浏览器/PC客户端

最新推荐文章于 2024-05-14 15:25:41 发布

追海的人.

最新推荐文章于 2024-05-14 15:25:41 发布

阅读量435

点赞数

分类专栏：前端技术文章标签： js javascript

本文链接：https://blog.csdn.net/Zlc0524/article/details/118720312

版权

前端技术专栏收录该内容

16 篇文章 0 订阅

订阅专栏

这段代码主要用于检测用户的浏览器类型和平台，如IE内核、WebKit、Gecko、Presto等，并判断是否为移动设备、iOS、Android、iPhone、iPad或Web应用。此外，还能识别是否在微信、微博或QQ空间中打开。

摘要由CSDN通过智能技术生成

browser.js

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) {//判断是否是移动设备打开。browser代码在下面
 
  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") {
    alert("在QQ空间打开");
  }
  if (browser.versions.ios) {
    alert("是否在IOS浏览器打开");
  } 
  if(browser.versions.android){
    alert("是否在安卓浏览器打开");
  }
} else {
    alert("否则就是PC浏览器打开");
}