.
201 Build.PhoneGap.com with Cordova Battery Status
1) Check Versions
As at 2017-11-14
PhoneGap Version:
PhoneGap (iOS / Android / Windows)
cli-6.5.0 (4.3.1 / 6.1.2 / 4.4.3)
Plugin Version:
<plugin name="cordova-plugin-battery-status" spec="1.2.5" />
|
2) Test Files
config.xml
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.notarazi.bpg" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> <name>BPG </name> <description> Build Phone Gap Example </description> <author email="notarazi@gmail.com" href="http://fb.me/notarazi.blogs"> Notarazi Team </author> <content src="index.html" /> <access origin="*" /> <allow-intent href="http://*/*" /> <allow-intent href="https://*/*" /> <allow-intent href="tel:*" /> <allow-intent href="sms:*" /> <allow-intent href="mailto:*" /> <allow-intent href="geo:*" /> <platform name="android"> <allow-intent href="market:*" /> </platform> <platform name="ios"> <allow-intent href="itms:*" /> <allow-intent href="itms-apps:*" /> </platform> <engine name="android" spec="^6.2.3" /> <engine name="ios" spec="^4.4.0" /><plugin name="cordova-plugin-battery-status" spec="1.2.5" /> </widget> |
index.html
<!DOCTYPE html>
<html> <head> <title>BPG Example</title> <script type="text/javascript" charset="utf-8" src="cordova.js"></script> <script type="text/javascript" charset="utf-8"> document.addEventListener("deviceready",onDeviceReady,false); function onDeviceReady(){ window.addEventListener("batterystatus", onBatteryStatus, true); function onBatteryStatus(status) { console.log(status); document.getElementById('appmessage').innerHTML= JSON.stringify(status); alert("Level: " + status.level + " isPlugged: " + status.isPlugged); } } </script> </head> <body> <div id='appmessage'style=' width:200px;word-wrap: break-word;'> ... </div> </body> </html> |
3) Zip, Upload and Build the project
4) Test Output
Console Output
Screen Output
No comments:
Post a Comment