Cómo detectar el sistema operativo (OS) mediante JavaScript

A veces es necesario determinar el sistema operativo del usuario para usar diferentes estilos CSS según el sistema operativo, para realizar análisis o para otros fines. Existen varios plugins o bibliotecas para detectar el sistema operativo, pero para esta tarea puede prescindir de un plugin de terceros. Si no necesita determinar la versión del sistema operativo, sino solo su nombre, puede escribir el código de detección del sistema operativo usted mismo.

JavaScript

function detectOS() {
    const platform = navigator.platform.toLowerCase(),
        iosPlatforms = ['iphone', 'ipad', 'ipod', 'ipod touch'];

    if (platform.includes('mac')) return 'MacOS';
    if (iosPlatforms.includes(platform)) return 'iOS';
    if (platform.includes('win')) return 'Windows';
    if (/android/.test(navigator.userAgent.toLowerCase())) return 'Android';
    if (/linux/.test(platform)) return 'Linux';

    return 'unknown';
}

Este código no detecta todos los sistemas operativos del mundo, sino solo los principales. Creo que será fácil de modificar si es necesario añadir otro sistema operativo.

Puedes ver un ejemplo del código funcionando en Codepen: https://codepen.io/igorrybalko/pen/vEBvPgm