H5与iOS客户端通讯获取版本号前端Vue 全局方法

作者: 小理有趣 | 来源:发表于2020-07-09 15:38 被阅读0次

H5与iOS客户端通讯获取版本号前端Vue 全局方法
h5页面判断网页在哪打开
iOS9.0之前和之后获取通讯录的方法
[iOS开发]iOS判断系统版本号的方法
大话大前端时代(一) —— Vue 与 iOS 的组件化
spring cloud分布式微服务b2b2c社交电商java版
iOS 14.6 (18F72) 后面的build号获取
java springcloud版b2b2c社交电商spring
Vue3获取当前组件实例的 getCurrentInstance
iOS小记 -- iOS判断系统版本号的方法

1. 与iOS客户端约定好参数名称，客户端直接将版本号挂载到widow上，前端在vue组件中通过window.version便可获取。

mounted() {
    this.version = window.version
},

PS：这样的好处，页面初始化就拿到这个版本号了，后面发送ajax请求将版本号传到后端时不会因为异步没拿到。

2. iOS客户端提供了一个方法，前端调用该方法时，客户端回调前端的一个用来接收版本号的方法，这样获取到版本号。

methods: {
  getClientVersion() {
      if (window.webkit && window.webkit.messageHandlers.appVersion) {
          window.webkit.messageHandlers.appVersion.postMessage(null)
      }
  }
}

window.getVersion = function( response )  {
    console.log('iOS response:',  response)
    window.version = response // window.version 就是 iOS端传过来的版本号
}