tools google developer dev depurar debug chrome google-chrome-devtools

google chrome devtools - google - Reemplaza la página en las Herramientas de desarrollo de Chrome que se encuentran en la última versión de Canarias



device mode de chrome devtools (3)

Este hilo es bastante viejo y ahora todo está cambiado con el nuevo "modo de dispositivo". Ya no puedes usar nada de esto.

Como dice aquí @ paul-irish (del equipo de Chrome DevTools) en twitter :

  • uno solo debe activar el modo de dispositivo, y luego usar la tecla Mayús + arrastrar el mouse para emular el zoom de pellizco, sin una configuración particular.

  • este pellizco para acercar la emulación no parece funcionar muy bien con libs JS como Hammer .

Por ahora, es mejor probar pellizcar para ampliar los dispositivos reales, o con http://browserstack.com

En Chrome (versión 32.0.1677.0 canary Aura), no puedo encontrar la pestaña / página de anulaciones en la configuración de Herramientas del desarrollador. (Solía ​​colocarse entre las pestañas "General" y "Espacio de trabajo". ¿Lo movieron o me olvidé de habilitar algo?


Parece que el botón "Emulación" solo está disponible desde la consola, cuando la consola se abre desde una de las otras pestañas de herramientas. Ex. "Fuente" o "Elementos".

Vaya a "Elementos", haga clic en el icono "Mostrar consola". El "cajón de la consola" se abrirá en la parte inferior de la ventana con las pestañas Consola, Búsqueda, Emulación. Si esto es un error o no es difícil de decir.


Presione Esc para abrir el cajón de la consola, luego puede abrir la pestaña Sensores a través del menú del cajón a la izquierda.

Sensores proporciona la configuración de geolocalización y acelerómetro.

Además, el nuevo modo de dispositivo captura los conceptos básicos de la emulación de dispositivos móviles.