Learn the powerful enterprise adaptable database:

Getting Started With ADABAS & Natural

Friday, May 12, 2017

205 Build.PhoneGap.com with Cordova Device


.
205 Build.PhoneGap.com with Cordova Device

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" spec="1.1.7" />

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" spec="1.1.7" />
</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(device);
      document.getElementById('appmessage').innerHTML=JSON.stringify(device);
   }
   </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



.

1 comment: