Cordova 插件的介绍及安装使用

Cordova 插件使用

Battery Status 电池插件

cordova 对于插件的使用，需要先进行安装

1. 安装插件 cordova plugin add cordova-plugin-battery-status
2. 该插件可以用于监视设备电池的变化
3. 全局提供了三个时间
   • batterystatus 表示电池状态发生改变（至少1%电量变化）或者 充电状态改变触发
   • batterycritical 表示电池电量进入临界值，快关机了（大致是电量剩余5%的时候触发，其余值不触发即便是3% 或者 4% 都没有触发）
   • batterylow 表示电池电量比较低，触发（大致是电量剩余20%的时候触发，其余比20小的值也都没有触发）

注意点：插件的事件监听以及插件方法的调用，一定要在 deviceready 准备完成之后调用

所有的事件，都会返回一个 status 对象，这个对象里面有两个属性

• status.level 表示设备电池电量的百分比 （0-100） number
• status.isPlugged 表示设备是否正在充电 boolean值 true 表示在充电， false表示不再充电

// 检测设备是否连接成功
document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {
   
    // 电池插件监听电池电量和充电状态
    window.addEventListener("batterystatus", onBatteryStatus, false);
}

function onBatteryStatus(status) {
   
  log(`level:${
     status.level}`)
  log(`isPlugged:${
     status.isPlugged}`)
  console.log("Level: " + status.level + " isPlugged: " + status.isPlugged);
}
function log (msg) {
   
  let p = document.createElement('p')
  p.style.fontSize = '16px'
  p.innerHTML = msg
  document.body.appendChild(p)
}

显示效果

Camera 相机插件

cordova-plugin-camera

这个插件定义了一个全局的 navigator.camera对象，它提供了一个用于拍照和从系统的图像库中选择图像的API。

尽管该对象附加到全局作用域的 navigator，但它只有在deviceready事件之后才可用。

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
   
    console.log(navigator.camera);
}

Installation

这需要cordova 5.0以上

cordova plugin add cordova-plugin-camera

API参考

• camera

  • .getPicture(successCallback, errorCallback, options)
  • .cleanup()
  • .onError : function