jquery - 有没有办法观察 DOM 元素 css('font-size') 发生了变化？

Question

如果用户设置了 Safari 的“从不使用小于...的字体大小”，我想向用户显示警告。font-size: 1px我在屏幕外创建了一个 div ，并$.css('font-size')在属性中读取了它的字体大小。

这适用于加载页面。但是，我想让它生效，以便在用户选中/取消选中首选项时出现/消失警告。我已经验证了元素本身是活动的——如果我选中/取消选中首选项而不是使用控制台检查它更改的字体大小。

有什么方法可以从 ember 观察到这种变化？

Answer 1

你可以试试这个：

function myFunction(){
    setInterval(function(){
        //Verify font size and show message
    }, intervalInMilliseconds);
}

Answer 2

在深入挖掘 Dom 对象并测试 MutationObserver 和其他更深奥的可能性之后，我遗憾地得出结论，轮询是观察此设置更改的唯一方法。