internet-explorer - pagina - inspeccionar elemento teclado
¿Hay alguna manera de probar CSS: pase el ratón sobre las herramientas de desarrollo de IE? (5)
En Chromes Dev Tools, puede seleccionar un elemento y habilitar el estado de desplazamiento. ¿Hay alguna forma de que esto se pueda hacer en las herramientas de desarrollo de Internet Explorers?
En IE11, haga clic en el icono azul grande "a:" que aparece en la esquina superior derecha del panel Estilos del Explorador DOM, y luego marque la casilla de verificación "Desplazarse".
Si no puede ver el "a:", primero seleccione un elemento o etiqueta HTML en el panel izquierdo del DOM Explorer.
La sugerencia de Lao Lei funciona. Cuando abra las herramientas de desarrollador, asegúrese de que esté enfocado para que pueda recibir los comandos de acceso directo: cuando hace clic en la barra de desplazamiento de la página o en la página, enfoca la ventana del navegador y hace que todos los comandos de acceso directo se envíen a la página . Para evitar errores, haga lo siguiente:
- encuentra el elemento que necesitas
- Abra las herramientas de desarrollador
- enfoca la ventana de herramientas del desarrollador
- coloque el elemento que desea
- Presiona F5 sin mover el mouse
- Ctrl + B y haga clic en el elemento
Atentamente.
No estoy seguro de qué versión de IE usabas cuando hiciste esta pregunta.
Solo para la información de todos, puedo ver el estilo hover a través de la pestaña HTML usando la siguiente secuencia de pasos en IE 9 :
- Abra la herramienta de desarrollador
- Desplácese sobre el elemento que desea ver su CSS flotante mientras deja enfocada la ventana del desarrollador .
- Presiona F5 mientras tu mouse está sobre el elemento
- Ctrl + B y haga clic en el elemento
Ahora puedes ver el CSS hover .
Editar (enero de 2015):
En IE 11 , haga clic en el icono azul grande "a:" que aparece en la esquina superior derecha del panel Estilos del Explorador DOM, y luego marque la casilla de verificación "Desplazarse".
No pude encontrar el CSS: estado de desplazamiento en las herramientas de desarrollador de IE tampoco. Así que terminé usando Firebug Lite de un bookmarklet.
Para aquellos que encuentran esto en Google, creé una herramienta de navegador cruzada que le permite visualizar su diseño de HTML / CSS con solo mover el mouse. Puede ver fácilmente los elementos en su estado de desplazamiento.