web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程

JavaScript开发小技巧之各种设备判断

160 ℃

下面web建站教程为大家介绍一下JavaScript开发小技巧之各种设备判断

判断是移动还是pc设备

export const isMobile = () => {
  if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i))) {
        return 'mobile';
  }
  return 'desktop';
}

判断是苹果还是android移动设备

export const isAppleMobileDevice = () => {
  let reg = /iphone|ipod|ipad|Macintosh/i;
  return reg.test(navigator.userAgent.toLowerCase());
}

判断是否是android移动设备

export const isAndroidMobileDevice = () => {
  return /android/i.test(navigator.userAgent.toLowerCase());
}

判断死windows还是Mac系统

export const osType = () => {
    const agent = navigator.userAgent.toLowerCase();
    const isMac = /macintosh|mac os x/i.test(navigator.userAgent);
    const isWindows = agent.indexOf("win64") >= 0 || agent.indexOf("wow64") >= 0 || agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0;
    if (isWindows) {
        return "windows";
    }
    if(isMac){
        return "mac";
    }
}

判断是都是微信/QQ内置浏览器

export const broswer = () => {
    const ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return "weixin";
    } else if (ua.match(/QQ/i) == "qq") {
        return "QQ";
    }
    return false;
}

浏览器型号和版本

export const broswer = () => {
    const ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return "weixin";
    } else if (ua.match(/QQ/i) == "qq") {
        return "QQ";
    }
    return false;
}

JavaScript实用工具函数开发技巧

JavaScript开发小技巧之各种时间操作

JavaScript开发小技巧之各种浏览器操作

JavaScript开发小技巧之各种URL操作

上面是“JavaScript开发小技巧之各种设备判断”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_1537.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

setTimeout倒计时,在兼容模式下遇到的坑

//setTimeout倒计时,在兼容模式下遇到的坑

//es6写法,在兼容模式下会报错
setTimeout(() => { 
    $(".message").hide()
}, 1500);

//一般写法
setTimeout(function() {
    $(".message").hide()
}, 1500)
点击阅读全文
上一篇:JavaScript开发小技巧之各种URL操作
下一篇:JavaScript开发小技巧之各种浏览器操作