Skip to content

Latest commit

 

History

History
131 lines (101 loc) · 2.95 KB

README.md

File metadata and controls

131 lines (101 loc) · 2.95 KB
Raw

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.ua

  • 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