vue-visitor v0.0.4

vue-visitor

vue-visitor是什么

vue-visitor是一个Vue插件，封装了用户的一些信息，例如设备，浏览器等

使用方法

umd包方式

一般引入min版本，即引入vue-visitor-版本号.min.js文件

  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <script type="text/javascript" src="../dist/vueVisitor-0.0.1.min.js"></script>
  <script>
    // 使用，例如
    // alert(Vue.device.os)
    // alert(Vue.browser.isWechat)
    // 或者 this.$device.os,  this.$browser.isWechat
  </script>

webpack 方式使用

第一步，安装

  npm install vue-visitor --save

第二步，引入包，并导入包

  import vueVisitor from 'vue-visitor'
  Vue.use(vueVisitor)

第三步，使用。 类似umd格式

    // 使用，例如
    // alert(Vue.device.os)
    // alert(Vue.browser.isWechat)
    // 或者 this.$device.os
    // this.$browser.isWechat

demo

• 您可以查看demo目录文件
• 或者查看在线demo

属性说明

如果没有特别说明，则属性example使用方式为 Vue.example，组件中则为this.$examle

• ua

用户浏览器 user agent 信息，使用方式为组件内this.$ua或者 Vue.us

• browser

浏览器环境，例如浏览器版本号，是否软件内置浏览器，还在不断实现中

子属性说明

• isAlipay
  • 类型: Boolean
  • 含义: 是否支付宝内置浏览器
  • 备注: this.$browser.isAlipay或者Vue.browser.isAlipay
• isBrowser
  • 类型: Boolean
  • 含义: 是否浏览器环境
  • 备注: 无
• isMobile
  • 类型: Boolean
  • 含义: 是否移动设备
  • 备注: 无
• isQQ
  • 类型: Boolean
  • 含义: 是否qq内置浏览器
  • 备注: 无
• isWechat
  • 类型: Boolean
  • 含义: 是否微信内置浏览器
  • 备注: 无

• isWeibo

  • 类型: Boolean
  • 含义: 是否微博客户端内置浏览器
  • 备注: 无

• device属性

设备属性，比如是android还是ios

子属性说明

• os
  • 类型: String
  • 含义: 操作系统
  • 备注: 返回, 'ios', 'android' 或者 'other'
• isAndroid
  • 类型: Boolean
  • 含义: 是否安卓系统
  • 备注: 无
• isIos
  • 类型: Boolean
  • 含义: 是否Ios系统
  • 备注: 无
• isIpad
  • 类型: Boolean
  • 含义: 是否IPad
  • 备注: 无
• isIpod
  • 类型: Boolean
  • 含义: 是否Ipod
  • 备注: 无
• isIphone
  • 类型: Boolean
  • 含义: 是否Iphone
  • 备注: 无

改进与完善

本插件只是初步实现，还很不完善 欢迎做出您的贡献

• 您可以提出issue，我会尽量快速回应，包括bug和建议
• 您也可以PR，非常欢迎，但尽量但并不保证merge
• 欢迎加qq群讨论：617600089