Ua

Ua - модуль для упрощения работы с User-Agent

Принцип работы состоит в парсинге заголовка User-Agent на сервере с помощью Bowser и передачи резултата парсинга на клиент в виде глобального свойства $ua.

Module options

defaultUserAgent

type: string
default: 'default user-agent'

Строка User-Agent использующая в качестве fallback в случае отсутствия соответсвующего заголовка в HTTP-запросе.

Как отмечалось заранее, User-Agent значение извлекается из заголовка HTTP-запроса. На клиенет пакет Bowser не импортируется и не исполняется с целью оптимизировать размер бандла.

ExtendedUserAgent

Объект данного типа является расширением типа Bowser.Parser.ParsedResult c добавлением нескольких свойств.

Extra Properties

isChrome

isSafari

isFirefox

isDesktop

isTablet

isMobile

type: Boolean
default: false

Свойства для упрощения работы с типами браузеров и платформ.

Composition

useUa

type: () => ExtendedUserAgent

Возвращает экземпляр типа ExtendedUserAgent в текущем приложении.

Usage

<template>
  <div>
    The current browser is {{ browserName }}
    <br>
    Desktop: {{ isDesktop }}
  </div>
</template>

<script>
import { useUa } from 'shared-front/lib/modules/ua';

export default {
  setup() {
    const $ua = useUa();

    const {
        browser: {
            name: browserName
        },

        isDesktop
    } = $ua;

    return {
      isDesktop,
      browserName,
    };
  },
};
</script>