javascript - 在 Chrome 中观察元素大小

Question

所以 Chrome apparently has a bug用 MutationObserver 观察元素的大小手动调整元素大小时不起作用。

在错误修复之前，我应该使用什么来代替或补充它来使它在 Chrome 中也能正常工作？我应该使用 deprecated mutation events 吗？还是有其他更好的选择？

有没有办法在 AngularJS 中做到这一点而不使用元素对象？

Answer 1

为了观察元素的大小，您有以下选择:

• 使用 MutationObserver您可以观察元素的属性在手动调整元素大小时发生的变化。这is a bug in Chrome .

• 您可以在计时器间隔内使用 JavaScript 连续轮询元素大小，但您已表明这不是您希望使用的东西。

• 我知道你的最后一个选择是使用 CSS element queries .

最后一个选项的工作原理是利用所有浏览器都支持元素的溢出事件这一事实。它会改变您现有页面的布局，迫使您重新定位的元素相对或绝对定位。如果您有一个带有简单 css 的简单页面，那完全没有问题，但更复杂的布局可能会遇到问题。