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

Question

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

我不知道为什么会这样，我唯一的想法是我必须在 CSS 中设置一些东西，以防止使用此功能进行某些样式设置，直到我在 Safari 中对其进行测试。

Answer 1

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

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

Answer 2

你能说得更具体一些吗？ “开启”？

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

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);