title: Can I monitor changes on an HTML DIV?
body: <p>I am working on a complex web app.</p>
  <p>In it, there is a div which gets updated.
  It prints something like:</p>
  <blockquote>
  <p>[1/4]<br />
  [2/4]<br />
  [3/4]<br />
  [4/4]</p>
  </blockquote>
  <p>Probably some JavaScript somewhere is updating with something like:</p>
  <pre><code>div.innerHTML = &quot;[2/4]&quot;; 
  </code></pre>
  <p>My question is:</p>
  <p>Can I somehow intercept/(listen to) <code>innerHTML</code> changes so that I could monitor how long they take?</p>
  <p>I am in a position where I could inject any JavaScript and I would like to collect something like:</p>
  <pre><code>console.log(&quot;1/4 has been called at timestamp&quot;);
  console.log(&quot;2/4 has been called at timestamp&quot;);
  console.log(&quot;3/4 has been called at timestamp&quot;);
  ...
  </code></pre>