plugman安装

一个命令行工具，用于安装和卸载用于Apache Cordova项目的插件。

C:\Users\xpf\Desktop\CordovaProject>npm install -g plugman

现在就可以安装我们所需要的插件了。

插件安装

方法一： plugman （不推荐）

C:\Users\xpf\Desktop\CordovaProject>plugman install --platform android --project platforms\android --plugin cordova-plugin-battery-status

参数

--platform − 使用的平台 (android, ios)

--project − 项目建成所在的路径。

--plugin − 要安装的插件。

方法二： cordova plugin add
由于Cordova通常用于跨平台开发，我们可以使用 Cordova cli 来安装插件，而不是Plugman。

C:\Users\xpf\Desktop\CordovaProject>cordova plugin add cordova-plugin-battery-status

插件使用

上面安装了一个电池插件，下面通过代码实现功能：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>电池插件</title>
</head>
<body><!-- 只有第一次点击才能显示电量，但是电量的改变与数据线的断连都会触发该事件 --><div>显示电池电量</div>
</body>
</html>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">// window.onload 在所有页面加载完毕后才执行js代码window.onload = function(){var Btn = document.getElementsByTagName('div')[0];document.addEventListener('deviceready',onDeviceready,false);function onDeviceready(){Btn.onclick = function(){//添加事件侦听器window.addEventListener('batterystatus',function(event){alert('剩余电量：'+ event.level + ' 是否连接电源：' + event.isPlugged);},false);}}}
</script>

效果图：

写再最后：

各种插件的事件监听函数要写在onDeviceReady之后，即

必须要在onDeviceReady函数执行之后才能执行事件监听函数

事件监听函数的格式为 监听对象.addEventListener('事件名称',function(){},false);

否则会报错。

-------------本文完-------------

cordova电池插件相关推荐

cordova开发插件，并在android studio中开发、调试
之前用过cordova Lib包装H5页面,自己写插件,但做法是野路子,不符合cordova插件的开发思路,这次项目又需要包装H5页面,同时需要自定义插件.所以又折腾了一次cordova自定义插件. ...
cordova自定义android插件,Cordova 自定义插件(Android版本)
Cordova 自定义插件(android) 特别注意 android 项目的包名必须为 com.example.hello,否则编译不会通过. 1.安装命令工具 $ npm i plugman - ...
ionic3 cordova ionic-native插件
ionic-native插件 cordova安装插件以及 ionic-native插件使用过程以及步骤 cordova plugin add cordova-plugin-插件名称. //安装插件 ...
Vue.js 使用cordova camera插件调取相机
介绍完上文用Cordova打包Vue项目之后,本文给出在vue.js里如何使用cordova的插件完成调取相机及图库,并完成图片上传的操作. 具体的操作步骤如下第一步:在cordova项目下安装c ...
vue调用cordova 插件_Vue.js 使用cordova camera插件调取相机
本文给出在vue.js里如何使用cordova的插件完成调取相机及图库,并完成图片上传的操作. 具体的操作步骤如下第一步:在cordova项目下安装cordova-plugin-camera插件 c ...
Android Widget 电池插件的开发实现
最近突发奇想,想自己编一个Android电池插件放在桌面上,一是这个App确实有它的实用价值,二是编起来工程量应该不是很大,不用花太长时间,三来又能学习下Widget的开发方法,一举三得,于是,暂停 ...
Cordova电池状态插件使用
1. 安装插件 cordova plugin add cordova-plugin-battery-statu 2. Cordova加载完成后添加事件 // Cordova加载完成事件都要写在这个的 ...
Cordova各个插件使用介绍系列（七）—$cordovaStatusbar手机状态栏显示
在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题 1.下载插件$cordovaStatusbar命令: cordova plugin add ...
科大讯飞cordova语音插件填坑及api介绍
项目要求语音合成,准备调用科大讯飞的cordova插件,百度仅有一篇有价值的参考文章(再吐槽下,百度搜索到各种复制的文章....),谷歌有2篇,但介绍不全,只用typescript列出api,没有ap ...

cordova电池插件