title: Is it possible to see how <canvas> is being manipulated?
body: <p>I'm intrigued how this WebGL animation of the globe is being rendered:</p>
  
  <p><a href="http://ats-vs-world.cadillac.com/#!/home" rel="nofollow noreferrer">http://ats-vs-world.cadillac.com/#!/home</a></p>
  
  <p><img src="https://i.stack.imgur.com/7o3Hx.jpg" alt="enter image description here"></p>
  
  <p>Unlike other HTML elements, I haven't figured out a way to see how the canvas element is being manipulated.</p>
  
  <p>In Chrome and other browsers, you can "Break on... subtree modifications", "Break on ... attributes modifications" and so on. With canvas, as it's being manipulated, the element sits blank.</p>
  
  <p>Is there any way to do this?</p>
  
  <p><strong>EDIT:</strong> I really appreciate @Joe's answer. But is there still any way, in general (not specific to this website), so see how  is being manipulated?</p>