device.js

? Device.js

Реактивная библиотека для наблюдения за важными браузером и свойствами устройства.

️ Версия 2 не совместима с версией 1. Проверьте ChangeLog для получения более подробной информации.

✔ Обнаруженные функции

• Имя и версия браузера chrome, safari, firefox, facebook, instagram, edge, ie, opera, phantomjs
• Особенности браузера webp, webrtc, webgl, pwa
• portrait, landscape
• Тип устройства desktop, mobile, tablet, tv
• ОС Устройства android, ios, windows, macos
• width, height

? Установка

yarn add @maoosi/device.js

Использование

Основное использование:

Этот код будет регистрировать viewportWidth после каждого изменения размера ViewPort, дросселированный до 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 > 

? Запустить детскую площадку

Во -первых, убедитесь, что у вас установлен Vue.js Мгновенный прототипирующий сервис: https://cli.vuejs.org/guide/prototyping.html

Тогда из вашего терминала:

yarn playground

? Вклад

Взносы, проблемы и запросы на функции приветствуются.

Лицензия

Copyright © 2021 Maosi.

Этот проект лицензирован MIT.