google-chrome - quitar - developer tools firefox

Elemento Chrome "Herramientas de desarrollo"-oculta el molesto cuadro de dimensiones amarillas

Question

¿Cómo oculto el molesto cuadro amarillo que aparece debajo de los campos html cuando paso el mouse sobre los elementos en el panel de elementos de "Herramientas de desarrollo" de Chrome? Me estoy volviendo loco porque no puedo ver la parte inferior de mis etiquetas, etc.

Answer 1

Desde el error publicado: " https://code.google.com/p/chromium/issues/detail?id=282493 ". Si mantiene presionada la tecla Control (Ctrl) del teclado antes de desplazar el elemento (o comando en un mac), la información sobre herramientas no se mostrará. No es la solución ideal, pero funciona siempre que la conozcas.

Answer 2

Es posible que desee comprobar Chrome 16, que tiene una información sobre herramientas de elementos mejorada. Por favor, comente el code.google.com/p/chromium/issues/detail?id=89510 y mencione los problemas específicos que desea solucionar.

Answer 3

Usted puede fácilmente retocar los devtools usted mismo. Básicamente, siga these instrucciones 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 obtener más información, consulte esta publicación sobre la extensión de Chrome DevTools .