Banner

Imágenes, videos, textos para su sitio web

DevTools te permite emular dispositivos desde Chrome

Devtools

Para los desarrolladores web las Devtools de Google Chrome, son de gran ayuda a la hora de realizar cada proyecto.

La utilidad que le puedes dar a las herramientas de Chrome DevTools es mucha, ya que constantemente el equipo de Google se encarga de mejorar estas utilidades para los desarrolladores web, un ejemplo de esto son las funcionalidades que permiten emular dispositivos móviles desde Google Chrome, llevándonos más allá de la pantalla, con otras características como los user agent, pantalla touch, sensores, entre otras.

Para acceder a estas nuevas características, debes buscar el icono con un símbolo que tiene un mayor- que y tres líneas. Puede ocurrir que no encuentres estas opciones en tu versión de  Chrome, si esto ocurre te recomendamos acceder desde Google Canary el cual tiene las últimas funciones en desarrollo.

Algunas de las características que puedes emular son:

La pantalla:

Permite el acceso a varias características: altura, ancho, pasar de horizontal a vertical, cambiar el DevicePixel Ratio.

Sensores:

Permite emular la funcionalidad de una pantalla táctil, las coordenadas de geolocalización y el acelerómetro.

User agent:

Permite cambiar el agente de usuario, la “clave” que envían los navegadores a los servidores para identificarse sin ningún tipo de equivocación sistema operativo, dispositivo, navegador etc.

Además de estas características  existe la posibilidad de acceder a algunos “presets”con funcionalidades de dispositivos que son muy conocidos  en iPad, iPhone, dispositivos de HTC, Samsung y otros. En cada uno de estos modelos las características de viewport, Device Pixel Ratio, User Agent y los valores de la pantalla ya vienen preestablecidos.

En el siguiente video vemos una explicación más exacta de las diferentes características y funcionalidades de cómo realizar la emulación de los dispositivos. Esperamos que puedas aprovechar al máximo esta herramienta y que te funcione igual de bien.

Ver mas articulos en:
Noticias Tecnología

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  • VISA
  • MASTERCARD
  • PSE
  • BALOTO
  • DINERS
  • AMERICNA EXPRESS
  • PAGOS ON LINE
  • PAYU LATAM
Medellín - Colombia, todos los derechos reservados
Diseño: tres79