device.js

? Device.js

Perpustakaan reaktif untuk mengamati sifat browser dan perangkat penting.

️ Versi 2 tidak kompatibel ke belakang dengan versi 1. Periksa changelog untuk lebih jelasnya.

✔️ Fitur terdeteksi

• Nama Browser & Versi chrome, safari, firefox, facebook, instagram, edge, ie, opera, phantomjs
• Fitur Browser webp, webrtc, webgl, pwa
• portrait, landscape
• Jenis Perangkat desktop, mobile, tablet, tv
• Perangkat OS android, ios, windows, macos
• width, height

? Instalasi

yarn add @maoosi/device.js

Penggunaan

Penggunaan Dasar:

Kode ini akan mencatat viewportWidth setelah setiap valuze viewport, dicekik menjadi 200 ms:

 import { device , watch } from '@maoosi/device.js'

watch ( async ( ) => {
    console . log ( device . viewportWidth )
} )

device adalah objek proksi reaktif yang dapat diamati dan memaparkan sifat -sifat berikut:

 interface device {
    deviceOS : string | null
    deviceType : string | null
    deviceOrientation : string | null
    browser : string | null
    browserVersion : string | null
    viewportHeight : number | null
    viewportWidth : number | null
    isBrowserEvergreen : boolean | null
    isPWA : boolean | null
    isSupportedWebP : boolean | null
    isSupportedWebGL : boolean | null
    isSupportedWebRTC : boolean | null
}

Menggunakan vue.js:

Karena device adalah objek proksi reaktif, Vue.js dapat mengamati perubahan tanpa perlu menggunakan metode watch :

 < template >
    < pre > {{ deviceInfo }} </ pre >
</ template >

< script >
import { device } from '@maoosi/device.js'

export default {
    data ( ) {
        return { deviceInfo : device }
    }
}
</ script > 

? Jalankan taman bermain

Pertama, pastikan Anda memiliki layanan prototipe instan vue.js diinstal: https://cli.vuejs.org/guide/prototyping.html

Kemudian dari terminal Anda:

yarn playground

? Berkontribusi

Kontribusi, masalah, dan permintaan fitur dipersilakan.

Lisensi

Hak Cipta © 2021 Maoosi.

Proyek ini berlisensi MIT.