资讯专栏INFORMATION COLUMN

常见浏览器终端检测

LdhAndroid / 1270人阅读

摘要:移动端常见浏览器微信微博使用方式输出判断当前是否在微信中端常见浏览器检测取得浏览器的字符串判断是否浏览器判断是否浏览器判断是否浏览器判断是否浏览器使用方式输出具体浏览器别名浏览器

移动端常见浏览器
var tools = {
  // 微信
  is_wxBrowser: function () {
    return /micromessenger/.test(navigator.userAgent.toLowerCase());
  },
  // qq
  is_QQBrowser: function () {
    return navigator.userAgent.toLowerCase().match(/QQ/i) == "qq"
  },
  // 微博
  is_wbBrowser: function () {
    return navigator.userAgent.toLowerCase().match(/WeiBo/i) == "weibo"
  },
  is_iOS: function () {
    return /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);
  },
  is_android: function () {
    return /android/i.test(navigator.userAgent);
  },
};
使用方式

输出 true|| false

// 判断当前是否在微信中
console.log(tools.is_wxBrowser()) // false
PC端常见浏览器检测
var tools = {
browser: () => {
    const userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    const isOpera = userAgent.indexOf("Opera") > -1;
    if (isOpera) {
      return "Opera"
    }
    //判断是否Opera浏览器
    if (userAgent.indexOf("Firefox") > -1) {
      return "FF";
    } //判断是否Firefox浏览器
    if (userAgent.indexOf("Chrome") > -1) {
      return "Chrome";
    }
    if (userAgent.indexOf("Safari") > -1) {
      return "Safari";
    } //判断是否Safari浏览器
    if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
      return "IE";
    } //判断是否IE浏览器
  },
}
使用方式

输出具体浏览器别名

console.log(tools.browser()); // Chrome -> Chrome浏览器

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100919.html

相关文章

发表评论

0条评论

最新活动
阅读需要支付1元查看
<