google chrome - tag - ¿Dónde está la nueva pestaña de Emulación en el cajón de la consola Chromes?
mobile browser emulator online (7)
Con frecuencia utilizo la pestaña de anulaciones en las herramientas de Chrome Developer para emular otros dispositivos como el iPhone y el iPad, pero después de actualizar a la última versión (32.0.1700.76 m), todo en la pestaña de anulaciones se ha ido y se ha reemplazado por una casilla de verificación que dice "Mostrar vista de ''Emulación'' en el cajón de la consola ".
Marcar esta casilla de verificación no habilita una vista de ''Emulación'' en el cajón de la consola. El botón "Mostrar consola" parece estar deshabilitado.
Después de instalar Chrome (o la versión de vanguardia de Chrome Canary ) debería poder realizar la emulación móvil adecuada dentro de las Herramientas de desarrollo de Chrome. Usualmente los activo haciendo clic derecho > Inspeccionar elemento
Para los aprendices visuales como yo, solo incluí una captura de pantalla completa.
Dulce ... Este comportamiento (ejecutando el modo de emulación y depuración del dispositivo) funciona en Chromium en Linux Ubuntu presionando F12 y luego el icono del cajón. :)
Más información: más información, incluyendo capturas de pantalla.
Me encuentro con este problema, y me tomó un tiempo resolverlo, a pesar de las respuestas aquí. Estoy en la versión 37.0.2062.103 m. Primero, en esta versión, no hay un panel de Anulación, tampoco la vista "Mostrar ''Emulación'' en el cajón de la consola. Está activada de forma predeterminada (supongo), pero un poco oculta. La tecla es primero presionar la tecla ESC en modo dev (ahora no estoy seguro de si está activado de forma predeterminada). Debería ver un panel con 4 "pestañas" que incluye "Emulación" en la parte inferior. Cité pestañas porque me parecía más una barra de estado y sigo Haciendo clic en él y no pasa nada, hasta que accidentalmente cambia el tamaño del panel.
Mensaje "Mostrar vista de emulación en el cajón de la consola" confuso.
Generalmente, nuestra pestaña de la barra de herramientas de desarrollo de Chrome está seleccionada como pestaña de la consola o intentamos encontrarla en la pestaña de la consola.
El problema es que el cajón de la consola no se abrirá cuando se seleccione la pestaña de la consola.
Parece que lo he resuelto. Cuando actualicé a Chrome Canary (versión 34.0.1789.0 canary) se solucionó el problema.
Estoy ejecutando Google Chrome versión 58.0.3029.110, donde la Emulation ya no está disponible, pero todas las funciones aún están disponibles:
Dispositivo y pantalla
Presione Ctl + shift + m o haga clic en la Toggle device toolbar , las encontrará en la parte superior central de la pestaña de su navegador. (Encontrarás más opciones en la sección More option ).
Agente de usuario y sensores
El agente de usuario ahora se renombra como Network Conditions y se puede encontrar en Customise and control DevTools > More tools > Network conditions . Sensors también se pueden encontrar en la misma ubicación (es decir, Customise and control DevTools > More tools > Sensors ).
Vea here para más información.
Antes de comenzar, abra la consola de herramientas dev (en un cmd-option-i de Mac)
- Abra el panel de Configuración dentro de la consola de herramientas de desarrollo (haga clic en el icono de engranaje en el lado derecho)
- Verifique la vista "Mostrar ''Emulación'' en el cajón de la consola (parece que ya ha realizado este paso) y cierre la pantalla
- Cambia a la pestaña de fuentes de la consola de herramientas dev.
- Presiona Esc para abrir una pantalla que se desliza desde la parte inferior
- Selecciona la pestaña de Emulación en esa segunda pantalla.
También hay una nota en el enlace anterior que indica:
Nota: las herramientas de emulación dentro de DevTools estaban previamente contenidas dentro de un panel de Anulaciones dentro del panel de Configuración. El panel de Emulación es el nuevo panel Anulaciones.