设备 - Device

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

想要了解设备的硬件跟软件相关的信息,我们可以使用 Device API …

打开终端工具,先安装一下 Device 这个插件, 先进入到应用项目所在的目录 … cd desktop/hello

phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

打开应用的 index.js …

想要得到设备的型号,可以使用 device.model … 要想得到设备的操作系统,可以使用 device.platform …

这里我们把这些跟设备相关的东西输出到应用的主页上 …

先打开应用的主页 index.html … 输入一组

上面定义一个 id … 命名为 … deviceinfo

我们一会儿可以使用代码,把设备相关的信息放在这组

标签里面 …

回到 index.js …

新建一个函数… getDeviceInfo: function() {},

用 document.getElementById('deviceinfo') 获取到包含 deviceinfo 这个 id 的元素 …. 然后可以把它交给一个变量 …

var deviceInfo … 命名为 deviceInfo …

再用 innerHTML 设置一下 deviceInfo 里面的 HTML 代码 …

deviceInfo.innerHTML= … 注意 HTML 这几个字母都是大写的 …

等号后面就是你想设置的,deviceinfo 这个 id 所在的元素里面的 HTML 代码 …

在课程资料包 04-09 里面,你可以找到一段代码 … 复制一下 … 粘贴到这个 等号后面 …

这里就是一些自定义的文字,HTML 标签,还有使用 device 获取到的设备相关的信息 …

device.model 是设备的型号 … device.platform 是设备运行平台,也就是设备的操作系统 .. 比如 iOS ,或者 Android …

device.version 是系统的版本 …

device.uuid 是设备的唯一的编码 … device.cordova 是应用使用的 cordova 的版本 ….

最后我们需要去执行这个 getDeviceInfo() 函数 … 可以把它放在 deviceready 这个事件发生以后去执行 … app.getDeviceInfo()

保存 …

重新再编译并且安装一下应用 … phonegap run --emulator ios

打开应用以后,在应用的主页上,会显示出设备相关的信息…

这里设备型号是 X86_64 这是因为我们用的是设备的虚拟器 …

运行的平台是 iOS,版本是 7.0 …. 应用使用的 Cordova 的版本是 3.0 …. 

设备 - Device《 PhoneGap 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点