cordova-plugin-device 获取设备信息

官方文档:http://cordova.apache.org/docs/en/latest/reference/cordova-plugin-device/index.html

ng-cordova 文档:http://ngcordova.com/docs/plugins/device/

1、安装命令

cordova plugin add cordova-plugin-device

2、getDevice 获取到的信息

var device = {
      available: false,
      platform: '',  //获取操作系统名称
      version: '',  //获取操作系统版本
      uuid: '',   //获取设备通用唯一标识uuid
      cordova: '', //获取当前cordova的版本
      model: '', //返回设备的模型或产品名称。例如:'MI MAX'
      manufacturer: '', //获取设备制造商,例如:'Xiaomi'
      isVirtual: '', //判断设备是否在虚拟机上运行
      serial: '' //获取设备序列号,例如:'277a9a00'
    };

3、封装的AngularJS工具类

/**
 * 获取设备的信息
 * @author hxh
 * @date 2018.3.28
 */
angular.module('starter.Device', ['ngCordova'])

  .factory('$DeviceUtil', function ($cordovaDevice) {

    var device = {
      available: false,
      platform: '',  //获取操作系统名称
      version: '',  //获取操作系统版本
      uuid: '',   //获取设备通用唯一标识uuid
      cordova: '', //获取当前cordova的版本
      model: '', //device.model返回设备的模型或产品名称
      manufacturer: '', //获取设备制造商
      isVirtual: '', //判断设备是否在虚拟机上运行
      serial: '' //获取设备序列号
    };

    return {

      /**
       * 获取设备信息
       * @returns {*|Object}
       */
      getDevice: function () {
        return $cordovaDevice.getDevice();
      },

      /**
       * 获取设备信息
       * @returns {string} 返回JSON串
       */
      getDeviceToString: function () {
        return JSON.stringify(this.getDevice());
      },

      /**
       * 获取操作系统名称
       * @returns {*} "Android" "BlackBerry 10" "browser" "iOS" "WinCE" "Tizen" "Mac OS X"
       */
      getPlatform: function () {
        return $cordovaDevice.getPlatform();
      },

      /**
       * 获取操作系统版本
       * @returns {*}
       */
      getVersion: function () {
        return $cordovaDevice.getVersion();
      },

      /**
       * 获取设备通用唯一标识uuid
       * @returns {string|null|*}
       */
      getUUID: function () {
        return $cordovaDevice.getUUID();
      },

      /**
       * 获取当前cordova的版本
       * @returns {string|*|null}
       */
      getCordova: function () {
        return $cordovaDevice.getCordova();
      },

      /**
       * 获取设备的模型或产品名称
       * @returns {string|null|*}
       */
      getModel: function () {
        return $cordovaDevice.getModel();
      },

      /**
       * 获取设备制造商
       * @returns {string|null|*}
       */
      getManufacturer: function () {
        return $cordovaDevice.getManufacturer();
      },

      /**
       * 设备是否在虚拟机上运行
       * @returns {string|null|*}
       */
      getIsVirtual: function () {
        return this.getDevice().isVirtual;
      },

      /**
       * 获取设备序列号
       * @returns {string|null|*}
       */
      getSerial: function () {
        return this.getDevice().serial;
      }
    }

  });

4、在AngularJS控制器中调用

document.addEventListener('deviceready', function () {
      console.log('device:' + JSON.stringify($DeviceUtil.getDevice()));
      console.log('version:' + $DeviceUtil.getVersion());
    }, false);

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
整合vue+vant和cordova-sqlite-storage可以实现在移动端使用SQLite数据库存储数据,下面给出详细步骤: 1. 安装cordova-sqlite-storage插件 使用命令行工具进入你的cordova项目根目录,执行以下命令安装cordova-sqlite-storage插件: ``` cordova plugin add cordova-sqlite-storage ``` 2. 在vue项目中安装vue-cordova插件 使用命令行工具进入你的vue项目根目录,执行以下命令安装vue-cordova插件: ``` npm install vue-cordova --save ``` 3. 在main.js中引入vue-cordova插件 在main.js文件中添加以下代码引入vue-cordova插件: ```javascript import VueCordova from 'vue-cordova' Vue.use(VueCordova) ``` 4. 创建cordova.js文件 在vue项目的static文件夹下创建cordova.js文件,并添加以下代码: ```javascript document.addEventListener('deviceready', onDeviceReady, false); function onDeviceReady() { console.log('Cordova: device ready'); } ``` 5. 在index.html中引入cordova.js文件 在index.html文件中添加以下代码引入cordova.js文件: ```html <script src="static/cordova.js"></script> ``` 6. 在vue组件中使用cordova-sqlite-storage插件 在vue组件中使用以下代码调用cordova-sqlite-storage插件: ```javascript this.$cordovaSQLite.execute(db, 'CREATE TABLE IF NOT EXISTS test_table (id integer primary key, data text)'); ``` 其中db是通过以下代码获取的: ```javascript var db = window.sqlitePlugin.openDatabase({name: "my.db", location: 'default'}); ``` 至此,vue+vant与cordova-sqlite-storage整合完成,你可以在移动端使用SQLite数据库存储数据了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值