De alguma forma, desativei o destaque nas Ferramentas do desenvolvedor do Google Chrome. Agora, quando seleciono um elemento no painel "Elementos", não vejo o elemento destacado na página. Deve haver um atalho de teclado que eu apertei acidentalmente que alterna isso. Alguém sabe o que pode ser, ou se há outra maneira de ativar o realce?
Quando você passa o mouse sobre o nó (não o seleciona) no painel Elementos, o elemento correspondente na página deve ser destacado.
Se houvesse essa opção para desativar esse comportamento, ela não está listada nos Atalhos de teclado . Consulte também o Painel de elementos para obter mais informações sobre como inspecionar tudo na árvore DOM.
Eu me encontrei no mesmo problema, foi causado depois de chamar canvas.getContext ('2d'); Testado no Chrome 11 e 12 e funcionou bem, o problema vem com o Canary (13 agora), teste com o seguinte 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>
Eu notei esse problema depois que eu ativei alguns recursos experimentais em: flags. Depois que eu desliguei "composição de GPU em todas as páginas", as ferramentas de desenvolvimento começaram a funcionar novamente como esperado. Outros recursos também podem quebrá-lo, mas foi o único que notei.