有没有办法观察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对象后＆amp;测试MutationObserver和其他更深奥的可能性，我遗憾地得出结论，轮询是观察观察到这种设置变化的唯一方法。