¿Cómo vuelvo a activar el elemento de Herramientas para desarrolladores de Chrome?

1

De alguna manera, desactivé el resaltado en las Herramientas para desarrolladores de Chrome, así que ahora cuando selecciono un elemento en el panel Elementos, no veo el elemento resaltado en la página. Debe haber un método abreviado de teclado que presioné accidentalmente que alterna esto. ¿Alguien sabe qué podría ser o si hay alguna otra forma de volver a activar el resaltado?

google-chrome keyboard-shortcuts David Rhoden
fuente

Respuestas:

2

Cuando pasa el mouse sobre el nodo (no lo selecciona) en el panel Elementos, se debe resaltar el elemento correspondiente en la página.

Si existiera esa opción para desactivar este comportamiento, no figura en los Accesos directos del teclado . Consulte también el Panel de elementos para obtener más información sobre cómo inspeccionar todo en el árbol DOM.

JustinStolle
fuente
1
Ese es el comportamiento esperado pero no está sucediendo. Ahora me doy cuenta de que el problema está limitado a una página, en la que estoy trabajando, por supuesto. Es una página HTML5 de Wordpress que ofrece errores de validación extraños. El comportamiento de desplazamiento funciona bien en una página HTML 4 sin validación que verifiqué para comparar. Estoy de acuerdo en que parece que no puede activar y desactivar esto (aunque sería una buena opción). El problema no está en las herramientas, está en algún lugar del código.
David Rhoden
En caso de que alguien tropiece con esta pregunta con un problema similar, comenté las <source>etiquetas en mi <video>elemento HTML5 y el comportamiento de desplazamiento volvió a la normalidad.
David Rhoden
¿Hay alguna forma de resaltar el elemento sin depender de pasar el mouse sobre él? Quiero "anclar" el resaltado de un nodo específico, y es molesto tener que pasar el mouse sobre él y pasar el cursor sobre él cada vez.
hsribei
1

Me encontré en el mismo problema, fue causado después de llamar a canvas.getContext ('2d'); Probado en Chrome 11 y 12 y funcionó bien, el problema viene con Canary (13 en este momento), prueba con el siguiente código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script type="text/javascript">
            load = function() {
                document.getElementById('canv').getContext('2d');
            }
        </script>
    </head>
    <body onload="load();">
        <canvas id="canv"></canvas>
        <div>You can't highlight me! :(</div>
    </body>
</html>
Zequez
fuente
1

Noté este problema después de activar algunas características experimentales en about: flags. Una vez que desactivé la "composición de GPU en todas las páginas", las herramientas de desarrollo comenzaron a funcionar nuevamente como se esperaba. Otras características también podrían romperlo, pero esa fue la única que noté.

bibliotechy
fuente