npm install os-detect

import { getOS, isMobileDevice } from 'os-detect';

const os = getOS();

const downloadLinks = {
  windows: { label: 'Скачать для Windows', url: '/download/app.exe' },
  macos:   { label: 'Скачать для macOS',   url: '/download/app.dmg' },
  linux:   { label: 'Скачать для Linux',   url: '/download/app.AppImage' },
  ios:     { label: 'App Store',            url: 'https://apps.apple.com/...' },
  android: { label: 'Google Play',          url: 'https://play.google.com/...' },
};

const btn = document.getElementById('download-btn');

if (downloadLinks[os]) {
  btn.textContent = downloadLinks[os].label;
  btn.href = downloadLinks[os].url;
} else {
  // Неизвестная платформа — показываем все варианты
  btn.textContent = 'Выбрать версию';
  btn.href = '/download';
}

// Скрыть десктопный хедер на мобильных
if (isMobileDevice()) {
  document.getElementById('desktop-nav').style.display = 'none';
}

<script setup lang="ts">
import { computed } from 'vue';
import { getOS } from 'os-detect';

const os = getOS();

const shortcuts = computed(() => {
  const isMac = os === 'macos';
  return {
    save:   isMac ? '⌘ S'      : 'Ctrl + S',
    undo:   isMac ? '⌘ Z'      : 'Ctrl + Z',
    find:   isMac ? '⌘ F'      : 'Ctrl + F',
    newTab: isMac ? '⌘ T'      : 'Ctrl + T',
  };
});
</script>

<template>
  <div class="shortcuts">
    <h3>Горячие клавиши</h3>
    <ul>
      <li>Сохранить — <kbd>{{ shortcuts.save }}</kbd></li>
      <li>Отменить — <kbd>{{ shortcuts.undo }}</kbd></li>
      <li>Поиск — <kbd>{{ shortcuts.find }}</kbd></li>
      <li>Новая вкладка — <kbd>{{ shortcuts.newTab }}</kbd></li>
    </ul>
  </div>
</template>

import { getOS } from 'os-detect';

getOS(); // 'ios' | 'macos' | 'android' | 'windows' | 'linux' | 'chromeos' | 'unknown'

import {
  detectIsIOS,
  detectIsMacOS,
  detectIsAndroid,
  detectIsWindows,
  detectIsLinux,
  detectIsChromeOS,
} from 'os-detect';

detectIsIOS();       // true на iPhone, iPod и iPad (включая iPadOS 13+)
detectIsMacOS();     // true на macOS-десктопе
detectIsAndroid();   // true на Android-телефонах и планшетах
detectIsWindows();   // true на Windows
detectIsLinux();     // true на Linux (Android и ChromeOS исключены)
detectIsChromeOS();  // true на ChromeOS

import { isMobileDevice, isDesktopDevice } from 'os-detect';

isMobileDevice();   // true если iOS или Android
isDesktopDevice();  // true если macOS, Windows, Linux или ChromeOS

// iPad с iPadOS 13+ отправляет:
// UA: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) ..."
// maxTouchPoints: 5

detectIsIOS();    // true  — правильно
detectIsMacOS();  // false — правильно

navigator.userAgentData.platform  →  'Windows' | 'macOS' | 'Android' | 'Linux' | 'iOS'

import { detectIsWindows11 } from 'os-detect';

const isWin11 = await detectIsWindows11(); // true | false

<script src="https://unpkg.com/os-detect/dist/index.umd.js"></script>
<script>
  if (OsDetect.detectIsIOS()) {
    document.querySelector('.app-store-btn').style.display = 'block';
  }
</script>

const { getOS, isMobileDevice } = require('os-detect');

<script setup lang="ts">
import { useOS, useIsWindows11 } from 'os-detect/vue';

const os = useOS();               // Readonly<Ref<OS>>
const isWin11 = useIsWindows11(); // Readonly<Ref<boolean | null>>
</script>

<template>
  <div>
    <p>Ваша система: {{ os }}</p>

    <div v-if="os === 'ios'">
      <a href="https://apps.apple.com/...">Скачать в App Store</a>
    </div>

    <div v-else-if="os === 'android'">
      <a href="https://play.google.com/...">Скачать в Google Play</a>
    </div>

    <div v-if="os === 'windows'">
      <p v-if="isWin11 === null">Определяем версию Windows...</p>
      <p v-else-if="isWin11">Вы на Windows 11</p>
      <p v-else>Вы на Windows 10 или старше</p>
    </div>
  </div>
</template>

import { useOS, useIsWindows11 } from 'os-detect/react';

function DownloadButton() {
  const os = useOS();
  const isWin11 = useIsWindows11();

  if (os === 'ios') {
    return <a href="https://apps.apple.com/...">App Store</a>;
  }

  if (os === 'android') {
    return <a href="https://play.google.com/...">Google Play</a>;
  }

  if (os === 'windows') {
    return (
      <div>
        <a href="/download/windows">Скачать для Windows</a>
        {isWin11 === true && <span> (оптимизировано для Windows 11)</span>}
      </div>
    );
  }

  return <a href="/download">Скачать</a>;
}

import { getOS, detectIsWindows, detectIsWindows11 } from 'os-detect';

// Запущено на macOS-сервере
getOS();            // 'macos'
detectIsWindows();  // false

// Запущено на Windows-машине
getOS();            // 'windows'
detectIsWindows();  // true

// Windows 11 через os.release() (build >= 22000)
const isWin11 = await detectIsWindows11();

import type { OS } from 'os-detect';

function getDownloadUrl(os: OS): string {
  switch (os) {
    case 'windows': return '/download/windows.exe';
    case 'macos':   return '/download/macos.dmg';
    case 'linux':   return '/download/linux.AppImage';
    default:        return '/download';
  }
}