Si está tratando de ver si el dispositivo del usuario es móvil, los documentos de MDN aconsejan buscar la propiedad maxTouchPoints en el objeto del navegador (o navegador) y ver si el valor es > 0 .

En el pasado, esto solía hacerse con User Agent Sniffing ( Lea más aquí ), es decir, revisando el encabezado del agente de usuario enviado por el navegador en la propiedad navigator.userAgent para ver si contiene ciertas palabras clave. Sin embargo, este método tiene limitaciones y es posible que no siempre indique el tipo correcto de dispositivo en el que se encuentra el usuario porque muchos dispositivos hoy en día admiten diferentes navegadores y funciones, y viceversa.

Uso de User Agent Sniffing (No recomendado hoy, debe usarse solo como respaldo)

 var hasTouchScreen = false; var UA = navigator.userAgent; hasTouchScreen = ( /\b(BlackBerry|webOS|iPhone|IEMobile)\b/i.test(UA) || /\b(Android|Windows Phone|iPad|iPod)\b/i.test(UA) ); if (hasTouchScreen) { // Device is likely mobile, so do stuff for mobile devices here. }

Verifique usando la propiedad maxTouchPoints y si > 0 en el objeto del navigator (MDN Docs recomendado)

 var hasTouchScreen = false; if ("maxTouchPoints" in navigator) { hasTouchScreen = navigator.maxTouchPoints > 0; } if (hasTouchScreen) { // Device is likely mobile, so do stuff for mobile devices here. }

Tenga en cuenta que no todos los navegadores pueden admitir esa especificación, por lo que el objeto del navegador puede no tener la propiedad maxTouchPoints o algunos dispositivos móviles pueden tener pantallas grandes y algunos dispositivos de escritorio pueden tener pantallas táctiles pequeñas o algunas personas pueden usar televisores inteligentes, etc. . Entonces, una mejor manera de hacer esta verificación sería combinar el fragmento anterior con algunas alternativas:

Mejor manera de detectar dispositivos móviles utilizando una combinación de método anterior y alternativas (Método más robusto, MDN Docs recomendado)

 var hasTouchScreen = false; if ("maxTouchPoints" in navigator) { hasTouchScreen = navigator.maxTouchPoints > 0; } else if ("msMaxTouchPoints" in navigator) { hasTouchScreen = navigator.msMaxTouchPoints > 0; } else { var mQ = window.matchMedia && matchMedia("(pointer:coarse)"); if (mQ && mQ.media === "(pointer:coarse)") { hasTouchScreen = !!mQ.matches; } else if ('orientation' in window) { hasTouchScreen = true; // deprecated, but good fallback } else { // Only as a last resort, fall back to user agent sniffing var UA = navigator.userAgent; hasTouchScreen = ( /\b(BlackBerry|webOS|iPhone|IEMobile)\b/i.test(UA) || /\b(Android|Windows Phone|iPad|iPod)\b/i.test(UA) ); } } if (hasTouchScreen) // Do something here. }

Obtenga más información sobre la detección del navegador mediante el agente de usuario y la forma recomendada para la detección de dispositivos móviles aquí (para conocer el método recomendado para la detección de dispositivos móviles, consulte el subtítulo "Detección de dispositivos móviles").