{"id":9398,"date":"2021-07-01T16:09:27","date_gmt":"2021-07-01T16:09:27","guid":{"rendered":"https:\/\/www.redeszone.net\/?post_type=tutoriales&amp;p=430803"},"modified":"2021-07-01T16:09:27","modified_gmt":"2021-07-01T16:09:27","slug":"user-agent-un-servicio-para-identificarnos-al-navegar","status":"publish","type":"post","link":"http:\/\/cordobadirecto.com\/index.php\/2021\/07\/01\/user-agent-un-servicio-para-identificarnos-al-navegar\/","title":{"rendered":"User-Agent, un servicio para identificarnos al navegar"},"content":{"rendered":"<h2>C\u00f3mo nos identifica en la red el User-Agent<\/h2>\n<p>User-Agent o tambi\u00e9n conocido como Agente de Usuario es una<strong> cabecera de texto<\/strong> que sirve para identificar al usuario que entra en una p\u00e1gina web a trav\u00e9s del navegador. B\u00e1sicamente forma parte de la petici\u00f3n HTTP que enviamos y que llega al servidor de destino.<\/p>\n<p>Estos datos van a servir para identificar al usuario que visita esa p\u00e1gina. De esta forma <strong>la web puede adaptarse<\/strong> para mostrar mejor el contenido. Por ejemplo no es lo mismo ver una p\u00e1gina desde el m\u00f3vil que hacerlo desde un ordenador con una pantalla mucho mayor. Tambi\u00e9n puede haber diferencias seg\u00fan el sistema operativo que utilizamos.<\/p>\n<p>Por todo esto que mencionamos, User-Agent es una parte importante de los datos que enviamos cuando navegamos. El servidor va a utilizar esa informaci\u00f3n para adaptar el sitio web que nos est\u00e1 enviando. Vamos a mostrar qu\u00e9 tipo de informaci\u00f3n principal es la que va a recibir el servidor al que intentamos acceder.<\/p>\n<h3>Aplicaci\u00f3n o navegador<\/h3>\n<p>Uno de los datos que env\u00eda el User-Agent al visitar cualquier p\u00e1gina web es mostrar <strong>desde d\u00f3nde estamos navegando<\/strong>. Esto va a permitir que el servidor sepa qu\u00e9 aplicaci\u00f3n estamos usando (en caso de que estemos entrando desde un programa determinado) o qu\u00e9 navegador.<\/p>\n<p>En este \u00faltimo caso esa p\u00e1gina web va a saber si estamos entrando desde Google Chrome, Mozilla Firefox o cualquier otra opci\u00f3n de las muchas que tenemos. As\u00ed podr\u00e1 adaptar el sitio para que se vea correctamente y no tengamos ning\u00fan tipo de problema de compatibilidad que pueda haber.<\/p>\n<h3>Versi\u00f3n del programa<\/h3>\n<p>Tambi\u00e9n va a recopilar qu\u00e9 <strong>versi\u00f3n<\/strong> exactamente estamos utilizando. Esto es importante de cara a evitar que accedamos con un navegador obsoleto, que lleve mucho sin actualizar, y con el que podr\u00edamos tener problemas para ver el contenido m\u00e1s reciente.<\/p>\n<p>Ya sabemos que dentro de una p\u00e1gina web el contenido puede ser muy variado. Puede haber texto, im\u00e1genes, v\u00eddeos\u2026 No todos los navegadores (o versiones) van a poder visualizar el contenido correctamente, por lo que es importante que se adapte.<\/p>\n<h3>Datos del dispositivo<\/h3>\n<p>Algo similar ocurre con los datos del dispositivo con el que estamos intentando entrar en una web. Vamos a enviar a trav\u00e9s del <strong>Agente de Usuario<\/strong> informaci\u00f3n relacionada con la resoluci\u00f3n de pantalla del equipo que estamos usando, por ejemplo.<\/p>\n<p>De esta forma la p\u00e1gina web va a adaptarse para que se vea correctamente y no aparezca el texto descentrado, demasiado grande o peque\u00f1o. Cada pantalla es diferente, por lo que podr\u00edamos tener complicaciones si entramos desde un ordenador con una pantalla de 30 pulgadas y desde otro con otra de 15, pero la web nos muestra exactamente igual.<\/p>\n<h3>Sistema operativo<\/h3>\n<p>Otro dato que recopila y env\u00eda el User-Agent al navegar por Internet es el <strong>sistema operativo<\/strong> de nuestro equipo. No solo env\u00eda datos m\u00e1s num\u00e9ricos y a nivel de hardware, sino tambi\u00e9n el propio sistema operativo. Aqu\u00ed podemos mencionar Windows, macOS, Linux\u2026 Se adapta seg\u00fan sea el caso.<\/p>\n<p>Tambi\u00e9n recibir\u00e1 la versi\u00f3n exacta que estamos utilizando. Una vez m\u00e1s el objetivo es mostrar el contenido adapt\u00e1ndose a esa versi\u00f3n y, en caso de que sea m\u00e1s antigua, no tener problemas para que podamos ver el sitio web correctamente.<\/p>\n<p><img src=\"http:\/\/cordobadirecto.com\/wp-content\/uploads\/2021\/07\/user-agent-un-servicio-para-identificarnos-al-navegar.jpg\" loading=\"lazy\" class=\"aligncenter size-full wp-image-315250\" alt width=\"1200\" height=\"664\"><\/p>\n<h3>Idioma del usuario<\/h3>\n<p>Otra cuesti\u00f3n a tener en cuenta y que va vinculada al Agente de Usuario es el <strong>idioma<\/strong> de nuestro equipo. Si entramos en una p\u00e1gina web en Jap\u00f3n, desde un ordenador configurado en japon\u00e9s, la web va a tenerlo en cuenta. Lo mismo que si entramos desde Espa\u00f1a. Va a haber una diferencia importante.<\/p>\n<p>Esto va a permitir que la p\u00e1gina, en caso de que tenga esa opci\u00f3n, se adapte a nuestro idioma y nos muestre el texto de esta forma. Tambi\u00e9n de cara a los responsables de una p\u00e1gina web van a saber el idioma de los equipos que entran en su sitio.<\/p>\n<h3>Zona horaria<\/h3>\n<p>Similar a lo anterior, la p\u00e1gina web que visitamos tambi\u00e9n va a conocer cu\u00e1l es nuestra zona horaria. Esto en ocasiones ser\u00e1 \u00fatil, ya que si por ejemplo entramos en una web para ver horarios de eventos deportivos, vendr\u00e1n en la hora que corresponde al visitante seg\u00fan sea donde se encuentre.<\/p>\n<p>Este dato tambi\u00e9n forma parte de la <strong>cabecera de texto de User-Agent<\/strong> que enviamos cada vez que entramos en un sitio web y que sirve para adaptar esa p\u00e1gina a las circunstancias de cada navegante.<\/p>\n<h2>Cambiar el Agente de Usuario en Chrome<\/h2>\n<p>Hemos explicado en qu\u00e9 consiste el Agente de Usuario o User-Agent. Hemos visto que b\u00e1sicamente es la informaci\u00f3n de nuestro equipo, sistema operativo, idioma y datos que pueden servir para que la web se muestre de una u otra forma.<\/p>\n<p>Ahora vamos a explicar de qu\u00e9 manera podemos cambiar el Agente de Usuario en el <strong>navegador Google Chrome<\/strong>. Esto va a servir para que la web se muestre como si estuvi\u00e9ramos navegando desde otro dispositivo diferente. Por ejemplo podemos poner que navegamos desde un m\u00f3vil o incluso el modelo exacto.<\/p>\n<p>Vamos a tener un par de opciones. La primera es a trav\u00e9s de las <strong>Herramientas para desarrolladores<\/strong>. Tenemos que ir arriba, al men\u00fa de tres puntos, y hacer clic en M\u00e1s herramientas y posteriormente a Herramientas para desarrolladores. Autom\u00e1ticamente se dividir\u00e1 la pantalla y veremos diferentes opciones. La que nos interesa es donde aparece un m\u00f3vil y tableta. Simplemente con hacer clic se cambiar\u00e1 el modo en el que vemos ese sitio web y tambi\u00e9n podremos cambiar algunos par\u00e1metros como la resoluci\u00f3n.<\/p>\n<p><img src=\"http:\/\/cordobadirecto.com\/wp-content\/uploads\/2021\/07\/user-agent-un-servicio-para-identificarnos-al-navegar-1.jpg\" loading=\"lazy\" class=\"aligncenter size-full wp-image-430806\" alt=\"Cambiar el Agente de Usuarios en Chrome\" width=\"1200\" height=\"936\"><\/p>\n<p>Esta opci\u00f3n que hemos visto es simple y no cuenta con demasiada flexibilidad. Sin embargo podemos utilizar una extensi\u00f3n gratuita para Google Chrome que s\u00ed nos permitir\u00e1 tener un mayor control sobre el User-Agent. Se trata de <strong>User-Agent Switcher<\/strong> y podemos bajarla de la <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/user-agent-switcher\/kchfmpdcejfkipopnolndinkeoipnoia?hl=es\" target=\"_blank\" rel=\"noopener noreferrer\">web oficial<\/a>.<\/p>\n<p>En este caso vamos a tener m\u00e1s opciones, ya que nos permite navegar como si estuvi\u00e9ramos usando otro navegador o sistema operativo. Muy \u00fatil si queremos realizar pruebas en nuestra p\u00e1gina y ver de qu\u00e9 manera muestra el contenido seg\u00fan el dispositivo o sistema operativo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo nos identifica en la red el User-Agent User-Agent o tambi\u00e9n conocido como Agente de Usuario es una cabecera de texto que sirve para identificar al usuario que entra en una p\u00e1gina web a trav\u00e9s del navegador. B\u00e1sicamente forma parte de la petici\u00f3n HTTP que enviamos y que llega al servidor de destino. Estos datos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9399,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[42],"tags":[],"_links":{"self":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/posts\/9398"}],"collection":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/comments?post=9398"}],"version-history":[{"count":0,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/posts\/9398\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/media\/9399"}],"wp:attachment":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/media?parent=9398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/categories?post=9398"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/tags?post=9398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}