发布于 5年前

使用 Cordova 和 Vue 开发 Hybrid 应用,如何检测运行环境

如果使用相同的代码同时发布到 PC 和移动版本,需要以下小技巧来检测运行环境。

在 Cordova 应用中,文件通过 file:// 协议传送,而不是 http:// 或者 https://,你可以通过 window.location.protocol 获取当前支持的协议,代码如下:

import Vue from 'vue'
Vue.isCordova = window.location.protocol.match(/^file/)

Vue.extend(
  created () {
    if (this.isCordova) {
      // Yes this is the Cordova version of your app
    } else {
      // This is the desktop version
    }
  }
)

注意: Electron apps 也可以使用此技巧来处理。

链接:

©2020 edoou.com   京ICP备16001874号-3