logo图片
phoneGap教程

photoGap 设备插件

设备插件

在上一节中,我们了解了许多有关 PhoneGap 的有趣主题。现在,在本节中,我们将讨论设备硬件。我们不知道我们的应用程序将在什么类型的硬件上运行。我们可以获得一些关于硬件的信息并在我们的程序中使用它。在本节中,我们将了解设备信息插件,它告诉我们有关设备以及我们的应用程序在哪个设备上运行。之后,我们将了解设备方向,它将告诉我们设备面向哪个方向,网络信息插件将告诉我们设备连接的网络,以及电池状态插件,用于检查电池状态。在另一部分的 PhoneGap 中做一些类型的提前或冗长的操作。
现在,我们将使用以下内容使用设备插件并获取设备信息的步骤:
注意: 出于安全原因,不同的制造商可能会或可能不允许我们实施某些部分。

1) 创建一个新项目

首先,我们将使用一个空白模板创建一个新的PhoneGap 项目。如果您不知道如何使用空白模板创建应用程序,请查看 PhoneGap 项目 链接。
Device Plugin

2) 创建 window.onload 函数

新建项目成功后,我们将在项目标题下方创建 window.onload 函数。在此函数中,我们将通过以下方式获取我们的应用程序使用的 Cordova 版本:
<script>
window.onload=function()
            {
                alert(device.cordova);
</script>

3) 为结果创建一个字段

现在,我们将使用
标签。 JavaScript 不知道 HTML 标签。所以,我们将在我们的 onload 函数中给它一个 id 来访问它。
<body>
        <h1>Hardware</h1>
        <div id="result"></div>
        <script type="text/javascript" src="cordova.js"></script>
</body>

4) 创建输出字符串

现在,我们将创建一个输出字符串以查看大量可用信息。我们将创建一个字符串变量,然后添加其中的所有信息。之后我们会以如下方式在结果div上展示结果:
var out="";
out += "Cordova Version: " + device.cordova;
document.getElementById('result').innerHTML = out;

Device Plugin
之后,我们将使用换行符:
1) 如果我们的设备制造商和特定的 Android 允许,我们还可以获得有关设备型号的信息。我们将使用 device.model 获取设备模型,并通过以下方式将其添加到输出字符串中:
out += "<br/>Device Model: " + device.model;

Device Plugin
2) 我们还可以获取有关设备平台的信息。我们将使用 device.platform 获取设备平台,并通过以下方式将其添加到输出字符串中:
out += "<br/>Device Platform: " + device.platform;

Device Plugin
3) 我们可以得到 UUID,即通用唯一标识符。我们将使用 device.uuid 获取 UUID,并通过以下方式将其添加到输出字符串中:
out += "<br/>UUID: " + device.uuid;

Device Plugin
4) 我们可以获得设备版本的信息。我们将使用 device.version 获取设备版本,并通过以下方式将其添加到输出字符串中:
out += "<br/>Version: " + device.version;

Device Plugin
5) 我们可以获得有关我们设备制造商的信息。我们将使用 device.version 获取设备制造商,并通过以下方式将其添加到输出字符串中:
out += "<br/>Manufacturer: " + device.manufacturer;

Device Plugin
6) 我们还可以获取移动设备的序列号。我们将使用 device.serial 获取序列号,并通过以下方式将其添加到输出字符串中:
out += "<br/>Serial: " + device.serial;

Device Plugin

完整代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8" >
        <meta name = "viewport" content = "initial-scale = 1, maximum-scale = 1, user-scalable= no, width= device-width">
        <title> Hardware </title>
        <script>
            window.onload=function()
            {
                var out="";
                out += "Cordova Version: " + device.cordova;
                out += "<br/> Device Model: " + device.model;
                out += "<br/> Device Platform: " + device.platform;
                out += "<br/> UUID: " + device.uuid;
                out += "<br/> Version: " + device.version;
                out += "<br/> Manufacturer: " + device.manufacturer;
                out += "<br/> Serial: " + device.serial;
                document.getElementById('result').innerHTML = out;   
           }
    </script>
    </head>
    <body>
        <h1> Hardware </h1>
        <div id = "result" ></div>
        <script type = "text/javascript" src = "cordova.js" ></script>
    </body>
</html>
输出
设备插件
昵称: 邮箱:
Copyright © 2020 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4