公告:由于博客https升级,原博客引用http链接失效,预览及部分图片效果请查看源代码!

封装一个js获取window系统或者手机系统版本的方法

1025次浏览

前言

今天1024程序员的节日,祝广大程序猿朋友节日快乐!最近比较忙,疏于总结。博客很久没有详细好好的写文章了。今天这篇文章也是平时用到的。就是一个积累函数吧。后面有时间好好总结一下。

通过navigator

navigator可以获取很多信息,我前面也有文章提及过,https://www.haorooms.com/post/js_navigator_bb

获取系统版本函数

// 获取系统版本
export function getOsVersion() {
  var u = navigator.userAgent, version = ''
  if (u.indexOf('Mac OS X') > -1) {
    // ios
    var regStr_saf = /OS [\d._]*/gi
    var verinfo = u.match(regStr_saf)
    version = 'IOS' + (verinfo + '').replace(/[^0-9|_.]/ig, '').replace(/_/ig, '.')
  } else if (u.indexOf('Android') > -1 ||
      u.indexOf('Linux') > -1) {
    // android
    version = 'Android' + u.substr(u.indexOf('Android') + 8, u.indexOf(';', u.indexOf('Android')) - u.indexOf('Android') - 8)
  } else if (u.indexOf('BB10') > -1) {
    // 黑莓bb10系统
    version = 'blackberry' + u.substr(u.indexOf('BB10') + 5, u.indexOf(';', u.indexOf('BB10')) - u.indexOf('BB10') - 5)
  } else if (u.indexOf('IEMobile') > -1) {
    // windows phone
    version = 'winphone' + u.substr(u.indexOf('IEMobile') + 9, u.indexOf(';', u.indexOf('IEMobile')) - u.indexOf('IEMobile') - 9)
  } else {
    var userAgent = navigator.userAgent.toLowerCase()
    if (userAgent.indexOf('windows nt 5.0') > -1) {
      version = 'Windows 2000'
    } else if (userAgent.indexOf('windows nt 5.1') > -1 || userAgent.indexOf('windows nt 5.2') > -1) {
      version = 'Windows XP'
    } else if (userAgent.indexOf('windows nt 6.0') > -1) {
      version = 'Windows Vista'
    } else if (userAgent.indexOf('windows nt 6.1') > -1 || userAgent.indexOf('windows 7') > -1) {
      version = 'Windows 7'
    } else if (userAgent.indexOf('windows nt 6.2') > -1 || userAgent.indexOf('windows 8') > -1) {
      version = 'Windows 8'
    } else if (userAgent.indexOf('windows nt 6.3') > -1) {
      version = 'Windows 8.1'
    } else if (userAgent.indexOf('windows nt 6.2') > -1 || userAgent.indexOf('windows nt 10.0') > -1) {
      version = 'Windows 10'
    } else {
      version = 'Unknown'
    }
  }
  return version
}

文章很简短,使用方式直接函数调用就可以了!

Tags: 系统系统版本js

相关文章: