device.js ดาวน์โหลด - device.js ซอร์สโค้ดดาวน์โหลดดาวน์โหลด

device.js

ซอร์สโค้ดอื่น ๆ

v2.0.0

ดาวน์โหลด

- device.js

ไลบรารีปฏิกิริยาเพื่อสังเกตคุณสมบัติเบราว์เซอร์และอุปกรณ์ที่จำเป็น

เวอร์ชัน 2 ไม่เข้ากันได้กับเวอร์ชัน 1 ตรวจสอบการเปลี่ยนแปลงสำหรับรายละเอียดเพิ่มเติม

✔ตรวจพบคุณสมบัติ

เบราว์เซอร์ชื่อและเวอร์ชัน chrome, safari, firefox, facebook, instagram, edge, ie, opera, phantomjs
เบราว์เซอร์มีคุณสมบัติ webp, webrtc, webgl, pwa
portrait, landscape
ประเภทอุปกรณ์ desktop, mobile, tablet, tv
อุปกรณ์ OS android, ios, windows, macos
width, height

- การติดตั้ง

yarn add @maoosi/device.js

การใช้งาน

การใช้งานขั้นพื้นฐาน:

รหัสนี้จะบันทึก viewportWidth หลังจากดูพอร์ตทุกตัวปรับขนาดให้เป็น 200 มิลลิวินาที:

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

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

device เป็นวัตถุพร็อกซี่ปฏิกิริยาที่สามารถสังเกตได้และเปิดเผยคุณสมบัติต่อไปนี้:

 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
}

ใช้ vue.js:

เนื่องจาก device เป็นวัตถุพร็อกซี่ปฏิกิริยา vue.js สามารถสังเกตการเปลี่ยนแปลงได้โดยไม่จำเป็นต้องใช้วิธี watch :

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

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

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