Как определить версию браузера пользователя с помощью JavaScript

Определение версии браузера пользователя может быть полезно во многих случаях, например, при необходимости адаптации веб-приложения под конкретную версию браузера или предупреждении пользователя об устаревшей версии. В этой статье мы рассмотрим, как определить версию браузера пользователя с помощью JavaScript.

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

Один из способов определить версию браузера — это использовать свойство navigator.userAgent. Это свойство возвращает строку, содержащую информацию о браузере, такую как название и версия.

Пример кода для определения версии браузера с помощью navigator.userAgent:

function getBrowserVersion() {
  const userAgent = navigator.userAgent;
  const browserName = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];

  if (/trident/i.test(browserName[0])) {
    const rv = /\brv[ :]+(\d+)/g.exec(userAgent) || [];
    return `IE ${rv[1] || ''}`;
  }

  const version = browserName[2] ? browserName[2] : null;
  const browser = browserName[1] ? browserName[1] : null;

  if (browser === null || version === null) {
    return 'Unknown Browser';
  }

  return `${browser} ${version}`;
}

console.log(getBrowserVersion()); // Выведет название и версию браузера

Использование navigator.appName и navigator.appVersion

Еще один способ определить версию браузера — использовать свойства navigator.appName и navigator.appVersion. Однако стоит отметить, что данные свойства могут быть менее надежными, чем navigator.userAgent.

Пример кода для определения версии браузера с помощью navigator.appName и navigator.appVersion:

function getBrowserVersion() {
  const appName = navigator.appName;
  const appVersion = navigator.appVersion;

  let browserName = '';
  let version = '';

  if (appName === 'Microsoft Internet Explorer') {
    browserName = 'IE';
    version = appVersion.slice(appVersion.indexOf('MSIE') + 5, appVersion.indexOf(';', appVersion.indexOf('MSIE')));
  } else if (appName === 'Netscape') {
    browserName = 'Netscape';
    version = appVersion.slice(appVersion.indexOf(' rv:') + 4, appVersion.indexOf(')'));
  } else {
    return 'Unknown Browser';
  }

  return `${browserName} ${version}`;
}

console.log(getBrowserVersion()); // Выведет название и версию браузера

😉 Итак, теперь вы знаете, как определить версию браузера пользователя с помощью JavaScript. Удачи в разработке!