在 Ionic2 中使用 cordova-plugin-device 获取设备详细信息答案

【问题标题】：Get device details using cordova-plugin-device in Ionic2在 Ionic2 中使用 cordova-plugin-device 获取设备详细信息
【发布时间】：2016-07-05 22:30:09
【问题描述】：

我已尝试在此处http://ionicframework.com/docs/v2/native/device/ 关注文档，但没有得到任何回复。

home.ts

import {Component} from '@angular/core';
import {Device} from 'ionic-native';
@Component({
  templateUrl: 'build/pages/home/home.html',
})
export class HomePage {
    public device;
    constructor() {
        this.device = {};
        platform.ready().then(() => {
            this.device['uuid'] = Device.device.uuid;
        });
    }
}

home.html

<li>Device UUID is {{device.uuid}}</li>

我已经跑过ionic plugin add cordova-plugin-device

更新：我正在使用 IonicView 应用程序测试该应用程序。

【问题讨论】：

假设您在真实设备中执行此操作，如果将 console.log 更改为 console.log(Device); 会发生什么？
是的，我正在真实设备上进行测试（通过 Ionic View 应用程序）。我并不是要包含 console.log，因为它总是会在浏览器上显示警告，我不确定如何在设备上检查 console.log。
那是安卓设备吗？如果是这样，您可以将其插入并使用 Chrome Inspector 来了解那里发生了什么。如果你愿意，我可以写一个答案，提供有关如何做的信息。
是的，Android 设备。我已经研究出如何在 chrome 浏览器上进行调试。但需要帮助在应用程序上进行调试。我需要将 setWebContentsDebuggingEnabled 设置为 true，但我在哪里执行此操作？在 config.xml 中？ developer.android.com/reference/android/webkit/…
我已经设法使用ionic run android（即在我的android设备上运行的应用程序）使用设备进行调试。我可以访问和输出device 对象的属性（uuid、模型等）。我的初始代码似乎一直没有任何问题，但问题似乎是当我通过 Ionic View 访问我的应用程序时，所有这些属性都是空白的。顺便说一句，不需要 platform.ready 行。

标签： cordova-plugins ionic2

【解决方案1】：

在不同设备尺寸下的 Chrome 调试器中调试将不允许您调试与本机设备属性相关的任何类型的代码，因此您需要通过模拟器 (ios/android) 测试您的应用。请注意ionic serve 允许您通过不是模拟器的默认浏览器应用程序查看应用程序。

有关如何在模拟器上通过 ionic 测试您的应用的参考，请参阅 CLI Docs

【讨论】：

我正在使用 'ionic run anroid' 直接在我的 android 设备上加载应用程序
您在获取属性时仍然遇到问题吗？
是的，特别是在 IonicView App 中查看应用程序时。