zoukankan      html  css  js  c++  java
  • vue 定义全局运行环境判断+返回键(支持安卓)

    /** main.js */
    // 全局环境判断 使用this.ENV 0:浏览器 1:微信h5 2:微信小程序 3:安卓app
    const ua = window.navigator.userAgent.toLowerCase()
    if (ua.indexOf('micromessenger') !== -1) {
      wx.miniProgram.getEnv(res => { // 异步耗时接口
        if (res.miniprogram) {
          Vue.prototype.ENV = 2 // 微信小程序环境
        } else {
          Vue.prototype.ENV = 1 // 微信h5环境
        }
      })
    } else if (ua.indexOf('plus') !== -1) {
      Vue.prototype.ENV = 3 // 安卓app环境
    } else {
      Vue.prototype.ENV = 0 // 其他(浏览器)环境
    }
    // 全局返回键 使用this.BACK()
    Vue.prototype.BACK = function() {
      const beforPath = this.$route.fullPath
      setTimeout(() => {
        const afterPath = this.$route.fullPath
        if (beforPath === afterPath) {
          router.push('/') // 无响应统一返回首页
        }
      }, 200)
      if (window.history.length > 1) { // 返回上一级
        if (this.ENV === 3) {
          window.plus.webview.currentWebview().back()
        } else {
          router.back()
        }
      } else { // 返回首页
        router.push('/')
      }
    }
  • 相关阅读:
    Android图片缩放方法
    网站建设底层知识Socket与Http解析
    802.11成帧封装实现(五)
    802.11成帧封装实现(四)
    802.11成帧封装实现(三)
    802.11成帧封装实现(二)
    802.11成帧封装实现(一)
    802.11n协议解析(二)
    802.11n协议解析(一)
    早期主流的wlan技术(二)
  • 原文地址:https://www.cnblogs.com/xiaolinxitong/p/13608318.html
Copyright © 2011-2022 走看看