☰

如何重新打开 Chrome 开发者工具元素突出显示？

tag-icon • tag-icon google-chrome keyboard-shortcuts
如何重新打开 Chrome 开发者工具元素突出显示？

我不知怎么地关闭了 Chrome 开发者工具中的高亮显示，所以现在当我在元素面板中选择一个元素时，我看不到页面上高亮显示的元素。一定是我无意中按下了某个键盘快捷键来切换此功能。有人知道那是什么吗，或者是否有其他方法可以重新打开高亮显示？

答案1

当您将鼠标悬停在元素面板中的节点上（而不是选择它）时，页面上的相应元素应该突出显示。

如果有这样的选项可以关闭此行为，则不会在键盘快捷键. 另请参阅元素面板有关如何检查 DOM 树中的所有内容的更多信息。

答案2

Control + Shift + C 应该可以解决这个问题。或者您可以点击左上角元素旁边的小光标图标。

答案3

我发现自己遇到了同样的问题，这是在调用 canvas.getContext('2d'); 后引起的。在 Chrome 11 和 12 上测试并且运行良好，问题出现在 Canary（现在是 13）上，使用以下代码进行测试：

<!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>

答案4

我在 about:flags 中启用了一些实验性功能后注意到了这个问题。关闭“所有页面上的 GPU 合成”后，开发工具便开始按预期再次运行。其他功能也可能会破坏它，但这是我注意到的唯一一个。

相关内容