Comment réactiver l'élément en surbrillance des outils de développement Chrome?

1

D'une manière ou d'une autre, j'ai désactivé la surbrillance dans les outils de développement Chrome. Ainsi, lorsque je sélectionne un élément dans le panneau Éléments, je ne le vois pas en surbrillance sur la page. Il doit y avoir un raccourci clavier sur lequel j’ai appuyé par inadvertance pour changer cela. Est-ce que quelqu'un sait ce que cela pourrait être, ou s'il y a un autre moyen de réactiver la surbrillance?

google-chrome keyboard-shortcuts David Rhoden
la source

Réponses:

2

Lorsque vous passez la souris sur le nœud (sans le sélectionner) dans le panneau Éléments, l'élément correspondant de la page doit être mis en surbrillance.

S'il existe une telle option pour désactiver ce comportement, il ne figure pas dans la liste. Raccourcis clavier . Voir aussi Panneau d'éléments pour plus d'informations sur la manière de tout inspecter dans l'arborescence DOM.

JustinStolle
la source
1
C'est le comportement attendu mais cela ne se produit pas. Je réalise maintenant que le problème est limité à une page - celle sur laquelle je travaille, bien sûr. C'est une page HTML5 Wordpress qui donne d'étranges erreurs de validation. Le comportement de survol fonctionne bien sur une page HTML 4 non validée que j'ai vérifiée aux fins de comparaison. Je conviens qu'il semble que vous ne pouvez pas l'activer ou le désactiver (bien que ce soit une option intéressante). Le problème n'est pas avec les outils, c'est quelque part dans le code.
David Rhoden
Au cas où quelqu'un trébuche sur cette question avec un problème similaire, j'ai commenté la <source> balises dans mon HTML5 <video> élément, et le comportement de survol est revenu à la normale.
David Rhoden
Est-il possible de mettre l'élément en surbrillance? sans pour autant dépendre du survol dessus? Je veux "épingler" la surbrillance d'un nœud spécifique, et il est agaçant de devoir la survoler et de la survoler à chaque fois.
hsribei
1

Je me suis retrouvé dans le même problème, cela a été causé après avoir appelé canvas.getContext ('2d'); Testé sur Chrome 11 et 12 et a bien fonctionné, le problème vient de Canary (13 actuellement), à tester avec le code suivant: 

<!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
la source
1

J'ai remarqué ce problème après avoir activé certaines fonctionnalités expérimentales dans about: flags. Une fois que j'ai désactivé la "composition GPU sur toutes les pages", les outils de développement ont recommencé à fonctionner comme prévu. D'autres fonctionnalités pourraient le casser aussi, mais c'était le seul que j'ai remarqué.

bibliotechy
la source