这个插件是用于获取有关用户设备的信息。
第1步 - 安装设备插件
要安装这个插件,需要在运行命令提示符执行下面的代码片段。
D:\worksp\cordova\CordovaProject>cordova plugin add cordova-plugin-device
第2步 - 添加按钮
我们将使用这个插件,这与使用其它的Cordova 插件的方式相同。让我们在index.html文件添加按钮。 点击此按钮将获取有关设备信息。
<body> <div class="app"> <h1>Cordova获取设备信息</h1> <button id = "cordovaDevice">CORDOVA DEVICE</button> </div> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="js/index.js"></script> </body>
第3步 - 添加事件监听器
Cordova 插件在 deviceready 事件后可用,所以将把事件监听器放在index.js内的DeviceReady函数中。
document.getElementById("cordovaDevice").addEventListener("click", cordovaDevice);
第4步 - 创建函数
下面的函数将展示如何使用该插件提供的一些功能。我们将其放置在 index.js 文件的底部。
function cordovaDevice() { alert("Cordova version: " + device.cordova + "\n" + "Device model: " + device.model + "\n" + "Device platform: " + device.platform + "\n" + "Device UUID: " + device.uuid + "\n" + "Device version: " + device.version); }
当我们点击 CORDOVA DEVICE 按钮,提示显示Cordova版本,设备型号,平台,UUID和设备版本。


上一篇:
Cordova联系人
下一篇:
Cordova加速度传感器