想要了解设备的硬件跟软件相关的信息,我们可以使用 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 … 输入一组
我们一会儿可以使用代码,把设备相关的信息放在这组
回到 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 ….