Detectar el sistema operativo, navegador y versión del cliente

Para obtener información sobre el sistema operativo, el navegador y la versión del navegador del usuario que está navegando por tus páginas web, puedes utilizar JavaScript. Aquí tienes un ejemplo de cómo hacerlo:

// Obtener información del navegador
var navegador = navigator.userAgent;
var nombreNavegador, versionNavegador, sistemaOperativo;

// Detectar el navegador
if (navegador.indexOf("Firefox") > -1) {
    nombreNavegador = "Mozilla Firefox";
    versionNavegador = navegador.match(/Firefox\/([0-9]+)\./)[1];
} else if (navegador.indexOf("Chrome") > -1) {
    nombreNavegador = "Google Chrome";
    versionNavegador = navegador.match(/Chrome\/([0-9]+)\./)[1];
} else if (navegador.indexOf("Safari") > -1) {
    nombreNavegador = "Safari";
    versionNavegador = navegador.match(/Version\/([0-9]+)\./)[1];
} else if (navegador.indexOf("MSIE") > -1 || !!document.documentMode) {
    nombreNavegador = "Internet Explorer";
    versionNavegador = navegador.match(/(MSIE |rv:)([0-9]+)\./)[2];
} else if (navegador.indexOf("Edge") > -1) {
    nombreNavegador = "Microsoft Edge";
    versionNavegador = navegador.match(/Edge\/([0-9]+)\./)[1];
} else {
    nombreNavegador = "Desconocido";
    versionNavegador = "Desconocida";
}

// Detectar el sistema operativo
if (navegador.indexOf("Win") > -1) {
    sistemaOperativo = "Windows";
} else if (navegador.indexOf("Mac") > -1) {
    sistemaOperativo = "MacOS";
} else if (navegador.indexOf("Linux") > -1) {
    sistemaOperativo = "Linux";
} else if (navegador.indexOf("Android") > -1) {
    sistemaOperativo = "Android";
} else if (navegador.indexOf("like Mac") > -1) {
    sistemaOperativo = "iOS";
} else {
    sistemaOperativo = "Desconocido";
}

// Mostrar la información
console.log("Navegador: " + nombreNavegador + " " + versionNavegador);
console.log("Sistema Operativo: " + sistemaOperativo);

Este script detecta el navegador y su versión, así como el sistema operativo del usuario. Puedes utilizar navigator.userAgent para obtener la cadena del agente de usuario y luego analizarla para extraer la información relevante.

Si necesitas mostrar esta información en tu página web, puedes modificar el script para actualizar elementos HTML en lugar de usar console.log. Por ejemplo:

document.getElementById("infoNavegador").innerText = "Navegador: " + nombreNavegador + " " + versionNavegador;
document.getElementById("infoSO").innerText = "Sistema Operativo: " + sistemaOperativo;

¡Espero que esto te sea útil!