.
206 Build.PhoneGap.com with Cordova Device Motion
1) Check Version
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-device-motion" spec="2.0.0" />
|
2) Startup 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-device-motion" spec="2.0.0" /> </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() { console.log(navigator.accelerometer);
document.getElementById('appmessage').innerHTML=
JSON.stringify(navigator.accelerometer);
} </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
{}
Download
Reference
.
No comments:
Post a Comment