<template>

</template>

<script>
  import {
    setCookie,
    getCookie,
    delCookie
  } from "@/utils/auth";

  var _this = {}
  export default {
    name: "operatingSystem",
    data() {
      return {
        systemVersion: '',   // 存储客户端判断值
      }
    },
    created() {
      this.brover()
    },
    mounted() {

    },
    methods: {
      brover() {
        var browser = {
          versions: function () {
            var u = navigator.userAgent
            var 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") {
            //判断是否在微信打开
            this.systemVersion = "wechat";
            setCookie('OS', escape(this.systemVersion))
            if (browser.versions.android) {
              this.systemVersion = "wehatAndroid";//安卓端微信
              setCookie('OS', escape(this.systemVersion))
            } else if (browser.versions.ios) {
              this.systemVersion = "wechatIOS";//ios端微信
              setCookie('OS', escape(this.systemVersion))
            }
            // 判断是ios还是安卓
          } else if (browser.versions.android) {
            this.systemVersion = "Android";//安卓
            setCookie('OS', escape(this.systemVersion))

          } else if (browser.versions.ios) {
            this.systemVersion = "ios";//ios
            setCookie('OS', escape(this.systemVersion))
          } else {
            this.systemVersion = "wp";//WP
            setCookie('OS', escape(this.systemVersion))
          }
        } else {
          this.systemVersion = "PC";//PC
          setCookie('OS', escape(this.systemVersion))
        }
      }
    }
    // 封装的方法函数function
  }
</script>

<style scoped>

</style>
代码都是资源共享的。