使用 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 也可以使用此技巧来处理。

链接：

• http://vuetips.com/vuejs-cordova-hack
• http://kartsims.github.io/vue-cordova