Chrome - выделите соответствующий элемент на веб-странице, когда узел завис в веб-инспекторе

Question

Я использую Chrome для отладки и тестирования своего веб-сайта, однако по какой-то причине, когда я использую инспектор элементов и выделяю узел, обычно соответствующий элемент на самой веб-странице подсвечивается, чтобы показать ширину / высоту / поле / padding и т.д ... однако по какой-то причине он не делает этого с моим сайтом, я проверил его на других сайтах, и он прекрасно работает для них ... Я также пробовал это в 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);