{"id":10091,"date":"2022-06-07T13:00:00","date_gmt":"2022-06-07T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=10091"},"modified":"2022-06-24T10:21:15","modified_gmt":"2022-06-24T08:21:15","slug":"detectar-un-dispositivo-movil-en-javascript","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/","title":{"rendered":"Detectar un dispositivo m\u00f3vil en JavaScript"},"content":{"rendered":"\n

Es posible que tengas un sitio web y que te est\u00e9s preguntando c\u00f3mo detectar un dispositivo m\u00f3vil en JavaScript<\/strong>. Se trata de una pregunta interesante, ya que identificar a los usuarios que acceden a tu sitio web mediante dispositivos m\u00f3viles te permitir\u00e1 adaptar el comportamiento de tu sitio web a estos usuarios. <\/p>\n\n\n\n

En este art\u00edculo te cuento todo lo que debes saber al respecto. <\/p>\n\n\n\n

\u00a1Empecemos!<\/p>\n\n\n\n

\u00bfEs posible detectar dispositivos m\u00f3viles con JavaScript?<\/h2>\n\n\n\n
\n
\n

En primer lugar, es necesario saber si es posible detectar el acceso mediante dispositivos m\u00f3viles a una web empleando JavaScript<\/strong>. La respuesta es que s\u00ed, pero de forma indirecta. Es decir, es posible identificar el navegador o el tama\u00f1o de pantalla del usuario. Con esos datos, es posible deducir si est\u00e1 usando un dispositivo m\u00f3vil.<\/p>\n\n\n\n

Sabiendo que es posible, debes tener en cuenta que ser\u00e1 necesario que tengas unos conocimientos m\u00ednimos sobre el sistema de archivos de tu sitio web, c\u00f3mo y d\u00f3nde a\u00f1adir el c\u00f3digo JavaScript y c\u00f3mo emplear un navegador web para comprobar que se est\u00e1 ejecutando sin errores. <\/p>\n\n\n\n

Teniendo lo anterior en cuenta, en los siguientes puntos te ense\u00f1o a detectar dispositivos m\u00f3viles con JavaScript.<\/p>\n<\/div>\n\n\n\n

\n
\"javascript<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Detectar navegadores de dispositivos m\u00f3viles con JavaScript<\/h2>\n\n\n\n

En primer lugar, te voy a ense\u00f1ar a identificar el navegador con el que el usuario accede al sitio web. Ello te ser\u00e1 muy \u00fatil para detectar si est\u00e1 empleando un ordenador o un dispositivo m\u00f3vil. <\/p>\n\n\n\n

Propiedad Navigator userAgent<\/h3>\n\n\n\n
\n
\n
<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n<\/head>\n\n<body>\n    <script>\n        console.log(\"Datos sobre el navegador:\");\n        let navegador = navigator.userAgent;\n        console.log(navegador);\n    <\/script>\n<\/body>\n\n<\/html><\/code><\/pre>\n<\/div>\n\n\n\n
\n
JavaScript dispone de una propiedad que permite conocer las caracter\u00edsticas del navegador<\/strong> que est\u00e1 empleando el usuario a la hora de acceder al sitio web. Esta propiedad es navigator.userAgent<\/a> y se puede usar de forma muy sencilla, como te muestro en el c\u00f3digo HTML. <\/p>\n\n\n\n
Si no entiendes qu\u00e9 es la funci\u00f3n console.log() o c\u00f3mo se declara una variable en JavaScript, no te preocupes. Puedes copiar el c\u00f3digo en un archivo abierto con cualquier editor de texto (como el bloc de notas), guardarlo con extensi\u00f3n .html y abrirlo con un navegador. Posteriormente, abre el inspector de elementos<\/strong> (clic derecho + inspeccionar) y accede a la consola. Ver\u00e1s que se muestran el texto \u00abDatos sobre el navegador:\u00bb y la informaci\u00f3n del navegador del usuario. <\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Con esta funci\u00f3n ya tienes la informaci\u00f3n sobre el navegador del usuario. En el siguiente punto te ense\u00f1o c\u00f3mo hacer uso de ella para determinar si un navegador pertenece a dispositivos m\u00f3viles. <\/p>\n<\/div>\n\n\n\n
\n
\"javascript<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Funci\u00f3n match para detectar un dispositivo m\u00f3vil con JavaScript<\/h3>\n\n\n\n
Gracias a al uso conjunto de la funci\u00f3n .match y la propiedad navigator.userAgent<\/strong>, podr\u00e1s comprobar si entre los datos del navegador se encuentran las palabras \u00abAndroid\u00bb, iPhone, iPad y otras propias de navegadores de dispositivos m\u00f3viles. <\/p>\n\n\n\n
Empleando el siguiente c\u00f3digo, podremos detectar los dispositivos m\u00f3viles mediante JavaScript<\/strong> en la inmensa mayor\u00eda de los casos:<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Documento<\/title>\n<\/head>\n\n<body>\n    <script>\n        let navegador = navigator.userAgent;\n        if (navigator.userAgent.match(\/Android\/i) || navigator.userAgent.match(\/webOS\/i) || navigator.userAgent.match(\/iPhone\/i) || navigator.userAgent.match(\/iPad\/i) || navigator.userAgent.match(\/iPod\/i) || navigator.userAgent.match(\/BlackBerry\/i) || navigator.userAgent.match(\/Windows Phone\/i)) {\n            console.log(\"Est\u00e1s usando un dispositivo m\u00f3vil!!\");\n        } else {\n            console.log(\"No est\u00e1s usando un m\u00f3vil\");\n        }\n    <\/script>\n<\/body>\n\n<\/html><\/code><\/pre>\n\n\n\n
\n
\n
\"detectar<\/figure>\n<\/div>\n\n\n\n
\n
Lo que hace dicho c\u00f3digo es decirle al sitio web: comprueba si el navegador del usuario es propio de Android, iPhone, iPad, Blackberry, Windows Phone, iPod o webOS<\/strong> y, en caso afirmativo, muestra por consola el texto \u00abEst\u00e1s usando un dispositivo m\u00f3vil!!\u00bb. En caso contrario, la consola mostrar\u00e1 el texto \u00abNo est\u00e1s usando un m\u00f3vil\u00bb.<\/p>\n\n\n\n
Siempre que la condici\u00f3n anterior sea cierta, el usuario estar\u00e1 usando un dispositivo m\u00f3vil. Y en pr\u00e1ctica totalidad de los casos, los usuarios que accedan a la web mediante dispositivos m\u00f3viles cumplir\u00e1n con dicha condici\u00f3n. <\/p>\n<\/div>\n<\/div>\n\n\n\n
Sin embargo, existe una gran cantidad de sistemas operativos y navegadores para dispositivos m\u00f3viles de uso muy reducido. Como consecuencia, aunque es poco probable, es posible que llegue alg\u00fan usuario al sitio web mediante un dispositivo m\u00f3vil y que la condici\u00f3n anterior no lo detecte. <\/p>\n\n\n\n
Es por ello que a continuaci\u00f3n te ense\u00f1o una alternativa para detectar dispositivos m\u00f3viles con JavaScript<\/strong>. <\/p>\n\n\n\n
Detectar un dispositivo m\u00f3vil en JavaScript mediante los p\u00edxeles de pantalla<\/h2>\n\n\n\n
\n
\n
Tambi\u00e9n existe la posibilidad de detectar el tama\u00f1o de pantalla del dispositivo que accede al sitio web mediante JavaScript<\/strong>, de forma que sea posible deducir si el usuario est\u00e1 usando un ordenador, una tableta o un m\u00f3vil. <\/p>\n\n\n\n
Sin embargo, cada uno de los tres dispositivos anteriores puede tener un n\u00famero de p\u00edxeles muy variable<\/strong>, por lo que no ser\u00e1 posible definir un tama\u00f1o capaz de diferenciar dispositivos de forma definitiva. <\/p>\n\n\n\n
En el caso de que desees identificar todo tipo de smartphones y las tabletas m\u00e1s peque\u00f1as, te recomiendo tomar como referencia los 768 p\u00edxeles<\/strong> de ancho. Los valores que superen dicha cifra, ser\u00e1n tabletas grandes y ordenadores. <\/p>\n<\/div>\n\n\n\n
\n
\"detectar<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Si por el contrario necesitas identificar todo tipo de tel\u00e9fonos inteligentes y las tabletas m\u00e1s grandes, te recomiendo establecer el l\u00edmite en los 1200 p\u00edxeles<\/strong>. Sin embargo, en este caso, existen ordenadores muy peque\u00f1os que pueden tener ese ancho. <\/p>\n\n\n\n
En cualquier caso, para detectar un dispositivo m\u00f3vil en JavaScript empleando el ancho de la pantalla<\/strong> debes utilizar el objeto window<\/strong> junto con su propiedad innerWidth<\/strong>. Un ejemplo es el siguiente:<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Documento<\/title>\n<\/head>\n\n<body>\n    <script>\n        let navegador = navigator.userAgent;\n        if (window.innerWidth <= 768) {\n            console.log(\"Es un m\u00f3vil\");\n        }\n    <\/script>\n<\/body>\n\n<\/html><\/code><\/pre>\n\n\n\n
El c\u00f3digo anterior muestra en consola el texto \u00abEs un m\u00f3vil\u00bb cuando la resoluci\u00f3n de pantalla es menor a 780 p\u00edxeles. <\/p>\n\n\n\n
Ejemplo de uso: ventana emergente JavaScript para dispositivos m\u00f3viles<\/h2>\n\n\n\n
En nuestra labor diaria como desarrolladores de ecommerce<\/a> y sitios web corporativos no somos grandes aliados de las ventanas emergentes, tambi\u00e9n conocidas como Pop-Up<\/strong>. <\/p>\n\n\n\n
Sin embargo, a modo de ejemplo, te voy a ense\u00f1ar c\u00f3mo crear una ventana emergente \u00fanicamente para dispositivos m\u00f3viles empleando JavaScript. Para ello, emplear\u00e9 una funci\u00f3n muy simple, alert()<\/strong>. <\/p>\n\n\n\n
Adem\u00e1s, voy a combinar la detecci\u00f3n de los navegadores de dispositivos m\u00f3viles junto con el ancho de pantalla. De esta manera, en el caso extraordinario de que acceda a la web un usuario que emplea un dispositivo m\u00f3vil pero no uno de los navegadores que hemos definido, el script lo detectar\u00e1 siempre y cuando su pantalla sea inferior a los 768 p\u00edxeles. <\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Documento<\/title>\n<\/head>\n\n<body>\n    <script>\n        let navegador = navigator.userAgent;\n        if (navigator.userAgent.match(\/Android\/i) || navigator.userAgent.match(\/webOS\/i) || navigator.userAgent.match(\/iPhone\/i) || navigator.userAgent.match(\/iPad\/i) || navigator.userAgent.match(\/iPod\/i) || navigator.userAgent.match(\/BlackBerry\/i) || navigator.userAgent.match(\/Windows Phone\/i) || window.innerWidth <= 780) {\n            alert(\"Toma Pop-Up, por entrar con un dispositivo m\u00f3vil\");\n        } else {\n            console.log(\"No est\u00e1s usando un m\u00f3vil\");\n        }\n    <\/script>\n<\/body>\n\n<\/html><\/code><\/pre>\n\n\n\n
Eres libre para usar el c\u00f3digo anterior para detectar dispositivos m\u00f3viles con JavaScript. Te invito a probarlo y modificarlo para los fines que quieras. En su interior puedes programar las acciones que quieres que haga tu sitio web cuando se detecte un dispositivo m\u00f3vil. <\/p>\n\n\n\n
Detectar un dispositivo m\u00f3vil con JavaScript: Conclusiones<\/h2>\n\n\n\n
Como has podido comprobar, JavaScript permite programar diferentes condicionales para detectar si los usuarios acceden a tu sitio web a trav\u00e9s de dispositivos m\u00f3viles. Puedes identificar sus navegadores, el ancho de su pantalla o combinar ambas caracter\u00edsticas. <\/p>\n\n\n\n
Te invito a poner en pr\u00e1ctica los c\u00f3digos anteriores y a descubrir todos nuestros art\u00edculos sobre programaci\u00f3n web<\/a>. <\/p>\n\n\n\n
\u00a1Hasta la pr\u00f3xima!<\/p>\n\n\n\n
\n
\n
\"como<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"recarga<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Gracias a JavaScript, es posible detectar si un usuario accede a un sitio web empleando un dispositivo m\u00f3vil. En esta entrada te ense\u00f1o todo lo que debes saber al respecto.<\/p>\n","protected":false},"author":21,"featured_media":10162,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-10091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web"],"acf":[],"yoast_head":"\n\u2714\ufe0f Detectar un dispositivo m\u00f3vil en JavaScript - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"Gracias a JavaScript, es posible detectar si un usuario accede a un sitio web empleando un dispositivo m\u00f3vil. \u00a1Entra y descubre c\u00f3mo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2714\ufe0f Detectar un dispositivo m\u00f3vil en JavaScript - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"Gracias a JavaScript, es posible detectar si un usuario accede a un sitio web empleando un dispositivo m\u00f3vil. \u00a1Entra y descubre c\u00f3mo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-07T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-24T08:21:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/06\/como-detectar-dispositivos-moviles-con-javascript.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Caronte Studio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Caronte Studio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/\"},\"author\":{\"name\":\"Caronte Studio\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/af53223b68efd2be07f600dfc0506979\"},\"headline\":\"Detectar un dispositivo m\u00f3vil en JavaScript\",\"datePublished\":\"2022-06-07T11:00:00+00:00\",\"dateModified\":\"2022-06-24T08:21:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/\"},\"wordCount\":1155,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/como-detectar-dispositivos-moviles-con-javascript.jpg\",\"articleSection\":[\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/\",\"name\":\"\u2714\ufe0f Detectar un dispositivo m\u00f3vil en JavaScript - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/como-detectar-dispositivos-moviles-con-javascript.jpg\",\"datePublished\":\"2022-06-07T11:00:00+00:00\",\"dateModified\":\"2022-06-24T08:21:15+00:00\",\"description\":\"Gracias a JavaScript, es posible detectar si un usuario accede a un sitio web empleando un dispositivo m\u00f3vil. \u00a1Entra y descubre c\u00f3mo!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/como-detectar-dispositivos-moviles-con-javascript.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/como-detectar-dispositivos-moviles-con-javascript.jpg\",\"width\":1250,\"height\":737,\"caption\":\"detectar moviles con javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/detectar-un-dispositivo-movil-en-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Detectar un dispositivo m\u00f3vil en JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/af53223b68efd2be07f600dfc0506979\",\"name\":\"Caronte Studio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"caption\":\"Caronte Studio\"},\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/caronte-studio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2714\ufe0f Detectar un dispositivo m\u00f3vil en JavaScript - Caronte Web Studio","description":"Gracias a JavaScript, es posible detectar si un usuario accede a un sitio web empleando un dispositivo m\u00f3vil. \u00a1Entra y descubre c\u00f3mo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/","og_locale":"es_ES","og_type":"article","og_title":"\u2714\ufe0f Detectar un dispositivo m\u00f3vil en JavaScript - Caronte Web Studio","og_description":"Gracias a JavaScript, es posible detectar si un usuario accede a un sitio web empleando un dispositivo m\u00f3vil. \u00a1Entra y descubre c\u00f3mo!","og_url":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2022-06-07T11:00:00+00:00","article_modified_time":"2022-06-24T08:21:15+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/06\/como-detectar-dispositivos-moviles-con-javascript.jpg","type":"image\/jpeg"}],"author":"Caronte Studio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Caronte Studio","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/"},"author":{"name":"Caronte Studio","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/af53223b68efd2be07f600dfc0506979"},"headline":"Detectar un dispositivo m\u00f3vil en JavaScript","datePublished":"2022-06-07T11:00:00+00:00","dateModified":"2022-06-24T08:21:15+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/"},"wordCount":1155,"commentCount":3,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/06\/como-detectar-dispositivos-moviles-con-javascript.jpg","articleSection":["Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/","url":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/","name":"\u2714\ufe0f Detectar un dispositivo m\u00f3vil en JavaScript - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/06\/como-detectar-dispositivos-moviles-con-javascript.jpg","datePublished":"2022-06-07T11:00:00+00:00","dateModified":"2022-06-24T08:21:15+00:00","description":"Gracias a JavaScript, es posible detectar si un usuario accede a un sitio web empleando un dispositivo m\u00f3vil. \u00a1Entra y descubre c\u00f3mo!","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/06\/como-detectar-dispositivos-moviles-con-javascript.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/06\/como-detectar-dispositivos-moviles-con-javascript.jpg","width":1250,"height":737,"caption":"detectar moviles con javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/detectar-un-dispositivo-movil-en-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Detectar un dispositivo m\u00f3vil en JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/af53223b68efd2be07f600dfc0506979","name":"Caronte Studio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","caption":"Caronte Studio"},"url":"https:\/\/carontestudio.com\/blog\/author\/caronte-studio\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/10091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=10091"}],"version-history":[{"count":58,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/10091\/revisions"}],"predecessor-version":[{"id":11783,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/10091\/revisions\/11783"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/10162"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=10091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=10091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=10091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}