html 中追踪 javascript 对样式的更改

比如拦截 html 标签的 font-size 样式的更改：
...
<body>
  <script>
    var observer = new MutationObserver(function (mutations) {
      mutations.forEach(function (mutation) {
        if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
          var target = mutation.target;
          var oldStyle = mutation.oldValue;
          var newStyle = target.getAttribute('style');
          if (target.tagName == "HTML" && newStyle.includes("font-size"))
            debugger
        }
      });
    });

    var targetNode = document.documentElement;
    var config = { attributes: true, attributeOldValue: true, attributeFilter: ['style'] };
    observer.observe(targetNode, config);
  </script>
...

 debugger命中断点后可通过调用堆栈看到是谁在更改样式

posted on 2023-06-14 10:41  空明流光  阅读(19)  评论(0)    收藏  举报

导航