Chrome: simulando dispositivos

Cuando se diseña una página web, una de las preguntas habituales, es cómo se verá en otro equipo diferente. En la época donde el PC reinaba en solitario, esto se traducía en comprobar la compatibilidad de la página con los diferentes navegadores (lo que podía ser un auténtico dolor de muelas). En la actualidad, donde los smartphones se han convertido en el medio de acceso más habitual, necesitamos comprobar el aspecto de nuestro diseño en multitud de dispositivos.

Existen soluciones, Microsoft ofrece de forma gratuita una página donde introduciendo la URL podemos ver qué aspecto tendrá dicha página en diversos equipos y navegadores. El resultado es una serie de capturas de pantalla que nos permitirán comprobar que tal se ve nuestra página.

De hecho, la tecnología detrás de este servicio es BrowserStack, que permite probar sobre dispositivos físicos reales, tanto móviles como de escritorio. Sin embargo, en este caso, el servicio tiene un coste que variará en función de las prestaciones que se deseen.

La versión beta de Chrome, que se puede descargar en este enlace, también introduce opciones de este tipo, pero en este caso, simulando el aspecto directamente en nuestro navegador, lo que puede ser más que suficiente para la mayoría de nuestros trabajos web.

Para acceder a estas opciones, debemos ir a la opción Más herramientas y seleccionar Herramientas del desarrollador o usar el atajo de teclado correspondiente. Con ello, nos aparecerá a la derecha, el conjunto de herramientas, extremadamente útiles para inspeccionar elementos, consola de Javascript,  etc. En este caso, únicamente nos vamos a centrar en la opción de dispositivos.

2016-06-07_1015

Seleccionando dicha opción, veremos la página tal como quedaría en diferentes dispositivos. Por ejemplo, vemos qué tal luce nuestro blog en galaxy S5, tanto en vista vertical como en horizontal.

2016-06-07_1018

Nos sugiere diversos dispositivos y con la opción Edit, nos vamos a un menú donde aún aparecen más opciones de selección.

2016-06-07-1023
2016-06-07_1026

En este menú no solo tenemos un abanico mucho más amplio de dispositivos, sino que podemos definir un dispositivo editando directamente sus características (resolución, user agent, densidad de la pantalla y tipo de dispositivo).

2016-06-07_1027

Finalmente, otra opción extremadamente interesante es definir la velocidad de los datos. Cuando hablamos de dispositivos móviles navegando desde redes móviles, es crítico conocer qué rápido se cargará la página, por tanto, eligiendo las velocidades a las que simulará la transferencia, podremos hacernos a la idea, de lo fluida que será la visualización para un usuario utilizando 2G, 3G, WiFi, etc.

2016-06-07_1028

Espero que estas opciones de Chrome os puedan resultar de utilidad.

Conexión VPN Windows 10 (Split Tunnel) — Un profe entre ITs

En esta entrada de mi otro blog, explico como configurar en Windows 10 una conexión VPN con Split Tunnel, es decir, que solo se envíe a la VPN el tráfico con destino a ella.

A la hora de conectar un Windows 10 a una VPN los pasos a seguir han cambiado ligeramente respecto a como lo hacíamos en Windows 7, aunque de momento también se mantiene el proceso clásico. En primer lugar, tenemos que ir a configuración y en redes e internet seleccionamos la conexión VPN y seleccionamos agregar una conexión VPN:…

via Conexión VPN Windows 10 (Split Tunnel) — Un profe entre ITs

Samba 4: problema versiones con Ubuntu 14.04 Actualizado

En otro post de este mismo blog, explicaba cómo crear un controlador de dominio en un Ubuntu 14.04 usando Samba 4. Sin embargo, cuando esta semana he comenzado a realizar esta práctica con mis alumnos, nos encontrábamos con el siguiente error a la hora de intentar agregar un cliente Windows:

samba_error

Intentado ver las diferencias, observamos que la versión que se instala por defecto es la 4.3.8. De momento, la solución que he encontrado para salir del paso, es forzar la instalación de la versión 4.1.6 con la que estaba seguro que era posible realizar el proceso.

En primer lugar, si trabajamos con máquinas virtuales, iremos a la instantánea previa a la instalación de Samba y procederemos a instalar la versión deseada con el siguiente comando:

B49BB796117C4C1EA441B46B4C835905

Cuando instala, saldrá un primer mensaje proponiendo una solución, que debemos contestar No

2016-04-21_0812

La segunda propuesta, un dowgrading de diversos paquetes ya instalados, al que deberemos contestar afirmativamente.

2016-04-21_0813

A partir de ahí, contestar Sí (Y) a las preguntas que formule y ya tendremos la versión 4.1.6 correctamente instalada.

Actualización (30/04/2016)

En clase, después de instalar las RSAT en las máquinas virtuales Windows 10 Enterprise, nos hemos encontrado en que en muchas máquinas, a la hora de intentar crear los usuarios desde la MMC Usuarios y Equipos se mostraba el siguiente error:

2016-04-27_1124

Lo curioso, es que hay alumnos que sí que les funciona, teniendo la misma configuración. Aún no he encontrado ninguna explicación, pero para salir del paso, lo más sencillo es crear los usuarios directamente en el controlador de dominio, mediante el comando samba-tool :

samba-tool user add nombre_usuario

De hecho, al igual que en un servidor Windows Server podemos administrar totalmente el dominio mediante comandos de la consola o aún mejor, mediante PowerShell, en Samba4, disponemos del comando samba-tool.

En este link se muestra una lista muy completa de todas las opciones de esta herramienta.

Actualización (10/05/2016)

Alberto (gracias por el aporte) nos comenta cómo solucionar el problema con las versiones de samba 4.3.x

apt-get install winbind libnss-winbind

Al instalar estos dos paquetes ya podremos agregar nuestro cliente sin problemas al dominio creado.