フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

nativescriptで端末情報を取得する

参考URL

docs.nativescript.org

コード

<template>
    <Page>
        <ActionBar title="Home" />
        <ScrollView>
            <StackLayout class="home-panel">
                <!--Add your page content here-->
                <Label textWrap="true" class="h2 description-label">
                    {{uuid}}
                </Label>
                <Label textWrap="true" class="h2 description-label">
                    {{os}}
                </Label>
                <Label textWrap="true" class="h2 description-label">
                    {{osVersion}}
                </Label>
            </StackLayout>
        </ScrollView>
    </Page>
</template>

<script>
    import {
        isAndroid,
        isIOS,
        device,
        screen
    } from "tns-core-modules/platform";

    export default {
        data() {
            return {
                uuid: "",
                os: "",
                osVersion: ""
            };
        },
        created: function() {
            console.log("created");
            this.uuid = device.uuid;
            this.os = device.os;
            this.osVersion = device.osVersion;
            console.log(isAndroid);
            console.log(isIOS);
            console.log(device.uuid);
            console.log(device.os);
            console.log(device.deviceType);
            console.log(device.osVersion);
            console.log(device.mode);
        }
    };
</script>

<style scoped>
    .home-panel {
        vertical-align: center;
        font-size: 20;
        margin: 15;
    }

    .description-label {
        margin-bottom: 15;
    }
</style>

実行結果

f:id:PX-WING:20210107065338p:plain