Chrome - 在网络检查器中悬停节点时突出显示网页上的相应元素

Question

我正在使用Chrome来调试和测试我的网站，但是由于某种原因，当我使用元素检查器并突出显示某个节点时，通常会突出显示网页本身中的相应​​元素以显示宽度/高度/边距/填充等...但由于某种原因，它没有在我的网站上做这个，我已经测试了其他网站，它适用于他们...我也在Safari尝试过它在那里工作？！

我不知道为什么会这样，我唯一想到的是我必须在CSS中设置一些内容，这会阻止一些样式使用此功能，直到我在Safari中测试它。

Answer 1

你可以更具体一点吗？ “转身”？

编辑：我确实发现我必须禁用所有这些：

style.webkitTransform = translate3d(...) (Javascript)
-webkit-transform: translate3d(...) (CSS)
-webkit-backface-visibility: hidden (CSS)

您可以使用：

Javacsript

var matrix = new WebKitCSSMatrix();
matrix.e = deltaX;
matrix.f = deltaY;
myElement.style.webkitTransform = matrix;

CSS

-webkit-transform:  matrix(1,0,0,1,deltaX,deltaY);

Answer 2

尝试一下，这是一种解决方法。

按CTRL + SHIFT + C并将鼠标悬停在要检查的元素上。