¿Cómo oculto el cuadro amarillo molesto que aparece debajo de los campos html cuando sobrevivo elementos en el panel de elementos de Chrome "Herramientas de desarrollo"? Me está volviendo loco como puedo 't ver el fondo de mis etiquetas, etc ...Elemento "Herramientas de desarrollo" de Chrome: ocultar el cuadro de dimensiones amarillas molestas
Elemento "Herramientas de desarrollo" de Chrome: ocultar el cuadro de dimensiones amarillas molestas
Respuesta
Es posible que desee comprobar Chrome 16, que obtuvo una información sobre herramientas de elementos mejorada. Comente en el bug y mencione los problemas específicos que desea solucionar.
Se pueden ajustar con bastante facilidad devtools mismo. Básicamente, siga las instrucciones these para comenzar.
Luego, dentro de inspector.js
, modifique WebInspector.highlightDOMNode
, aplicando este pequeño parche.
1150,1151c1150
< // Do not highlight the DOM node.
< //this.highlightDOMNodeForTwoSeconds(nodeId);
---
> this.highlightDOMNodeForTwoSeconds(nodeId);
Para mayor información, echa un vistazo a este post en extending Chrome DevTools.
Gracias por compartir tu artículo pero no responde la pregunta aquí. ¿Puedes ser más específico sobre cómo resolver el problema? – nakhli
El último párrafo de su artículo contiene una explicación paso a paso sobre cómo eliminar este problema en particular. @boris podría copiar al menos un resumen o la parte relevante de su publicación de blog aquí? (Para un debate sobre Meta sobre copia versus enlaces a respuestas de blog, ver http://meta.stackexchange.com/questions/20531/how-to-refer-to-your-blog-when-answering) –
Del error publicado: "https://code.google.com/p/chromium/issues/detail?id=282493". Si mantiene presionada la tecla de control del teclado (Ctrl) antes de pasar el elemento (o comando en un Mac), la información sobre herramientas no se mostrará. No es la solución ideal pero funciona mientras usted lo sepa
- 1. Chrome desarrollo de extensiones: auto cerrar el cuadro de notificación
- 2. No se puede inspeccionar un elemento con las herramientas de desarrollo de Chrome
- 3. ¿Cómo encontrar el tamaño calculado de cualquier elemento en Herramientas para desarrolladores de Chrome?
- 4. Ocultar fines de semana en el cuadro de herramientas de WPF
- 5. ¿Cómo se cambia el valor de una variable local utilizando las herramientas de desarrollo de Chrome?
- 6. HTML Chrome Audit Especificar las dimensiones de la imagen
- 7. Herramientas de desarrollo de Android
- 8. ¿Cuál es el equivalente a la pestaña Firebug DOM en las herramientas de desarrollo de Chrome?
- 9. objeto JavaScript regresó de función disponible en Chrome Herramientas de desarrollo, pero no desde el guión
- 10. ¿Cómo ocultar automáticamente el cuadro de mensaje?
- 11. Encuentra eventos adjuntos/con destino de un elemento utilizando herramientas de desarrollo de Chrome/Firebug/IE Barra de herramientas de desarrollador
- 12. Prácticas/herramientas de desarrollo remoto
- 13. ¿Por qué la información sobre herramientas del tamaño del elemento y los tamaños de estilo calculados difieren en las herramientas de desarrollo de Chrome?
- 14. WPF - ocultar elementos del cuadro de lista
- 15. elemento de adición en dos dimensiones ArrayList
- 16. ¿Desea inspeccionar el elemento de la extensión de Chrome?
- 17. HTML 5 herramientas de desarrollo de juegos
- 18. Herramientas de desarrollo de Chrome son muy lentas para responder en la aplicación web grande
- 19. Android kits de herramientas de desarrollo
- 20. ¿Las Herramientas de desarrollo de Chrome tienen un explorador JSON como Firebug?
- 21. ¿Existe la función "Establecer declaración siguiente" en las herramientas de desarrollo de Chrome o en Firebug?
- 22. Información sobre herramientas para cada elemento en un cuadro combinado
- 23. Preservar el resaltado del elemento DOM en las herramientas chrome dev/firebug
- 24. ¿Debería considerar otras herramientas fuera de las herramientas de desarrollo de Apple para el desarrollo de iPad?
- 25. Deshabilitar la función $ de las herramientas de desarrollador de Chrome
- 26. Reglas de sangría de vim (un) molestas
- 27. JavaScript Confirmar retraso de cuadro de Chrome
- 28. Ocultar barra de herramientas en WPF FlowDocument
- 29. iPhone: ocultar/mostrar la barra de herramientas
- 30. ¿Cómo eliminar el elemento HTML seleccionado de forma interactiva en las herramientas de desarrollador de IE?
Esto es terriblemente molesto de hecho – MeLight
@MeLight - sí, claro está - está bien la mayor parte del tiempo, pero cuando está tratando de resolver los márgenes de CSS etc. puede ser un verdadero dolor. – Rob
No puede ocultarlo, archivar un error en http://crbug.com y hacer que la gente lo protagonice. – Kinlan