Phonegap Device 获取设备信息

最新推荐文章于 2024-08-18 09:51:03 发布

aaawqqq

最新推荐文章于 2024-08-18 09:51:03 发布

阅读量2.2w

点赞数 1

分类专栏： phonegap phonegap 文章标签： android phonegap cordova device 设备

本文链接：https://blog.csdn.net/aaawqqq/article/details/21169587

版权

phonegap 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

phonegap

22 篇文章 3 订阅

订阅专栏

phonegap获取手机设备信息

获取的手机的有

device.model :返回设备的模型或产品的名称

device.cordova :返回cordova的版本

device.uuid :返回手机 uuid

device.version :返回系统版本

device.platform :返回手机的平台信息 (android/ios 等等)

使用的版本是cordova 3.3 ,能兼容 cordova 3.4 ;

以上是系统提供的功能 ;

获取imei的办法将在下一篇介绍

老规矩从头创建工程开始:

1 使用命令行建立phonegap工程

2 进入到phonegap工程下的plugins 文件夹当中 ,使用命令行下载官方插件 ;(输入命令: cordova plugin add org.apache.cordova.device)

4 添加生成 android或者IOS 工程 ;android命令如下cordova platform add android (注:oc的把android换成ios)

5 在命令行输入cordova build

6 最后将生成的工程导入编辑器(我用的eclipse)

在assets/www目录下在index.html中添加 javascript 调用语句

<1> 在控制台创建一个phonegap工程命令如下

 phonegap create my-app
 cd my-app
 phonegap run android

<2> 我们从命令行进入到工程目录下的 plugins文件夹

cd my-app

cd plugins

<3> 现在开始下载插件

cordova plugin add org.apache.cordova.device

<4> 添加android 平台工程 (ios把 "android" 替换)

cordova platform add android

<5> 编译android工程

cordova build

至此 devices 已经生成...

现在大家只需要将工程导入到eclipse当中使用官方APi语句在javascript中调用

将下方语句考到 assets目录下 www/index.html 当中完全复制过去;

<!DOCTYPE html>
<html>   
<head>      
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Contact Example</title>    
 <script type="text/javascript" charset="utf-8" src="cordova.js"></script>  
 <script type="text/javascript" charset="utf-8">          
  // Wait for device API libraries to load         
 // document.addEventListener("deviceready", onDeviceReady, false);      
    // device APIs are available  

    function onDeviceReady() {

          // Wait for device API libraries to load    //    
           
            //var element = document.getElementById('deviceProperties');        
           	//alert(element);
           
            // element.innerHTML = 
            // 'Device Model: '    + device.model    + '<br />' +  
            // 'Device Cordova: '  + device.cordova  + '<br />' +    
            // 'Device Platform: ' + device.platform + '<br />' +                            
            // 'Device UUID: '     + device.uuid     + '<br />' +                            
            // 'Device Version: '  + device.version  + '<br />';    


            alert( device.model +"----"+device.cordova +"------"+ device.uuid +"-----"+device.version+"----"+device.platform );
        }

        function baozi(){ alert("S1");}

        function intent() {       onDeviceReady();     }    


      </script>   
    </head>   
    <body>     
     <h1>Example</h1>    
     <p>Find Contacts</p>  
 
     <p><a href="#" οnclick="baozi(); return false;">Vibrate</a></p>  
     <p><a href="#" οnclick="intent(); return false;">Html跳转到android界面</a></p>   
   </body>
   </html>

点击 " Html跳转到android界面 " 就会弹出 alert 如下: