title: Canvas, WebGL debugging functionality does not exist in 2019 browser?
body: <p>I need to get more detailed information in order to compare my Canvas, WebGL and other's Canvas, WebGL works.</p>
  
  <p>So I looked for a feature that Canvas, WebGL can debug and investigate in the developer tool of the browser. Although Canvas and WebGL are common technologies, their debugging tools were not found very much.</p>
  
  <hr>
  
  <p>According to their official site, Firefox introduced Canvas debugging tools in 2014, and WebKit introduced Canvas debugging tools in 2018.</p>
  
  <ul>
  <li><p><a href="https://webkit.org/blog/8452/canvas-debugging/" rel="noreferrer">Canvas Debugging | WebKit</a></p></li>
  <li><p><a href="https://hacks.mozilla.org/2014/03/introducing-the-canvas-debugger-in-firefox-developer-tools/" rel="noreferrer">Introducing the Canvas Debugger in Firefox Developer Tools - Mozilla Hacks - the Web developer blog</a></p></li>
  </ul>
  
  <p>However, the latest versions of Firefox and Chrome do not have these features.</p>
  
  <hr>
  
  <p>I saw a lot of threads on SO, but they were either "install an old browser" or "use someone else's extended debugging tool".</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/q/31802514/11719549">How to inspect Canvas Frames</a></li>
  <li><a href="https://stackoverflow.com/q/9143209/11719549">HTML5 canvas inspector?</a></li>
  <li><a href="https://stackoverflow.com/q/31439201/11719549">chrome canvas inspector 2015</a></li>
  <li><a href="https://stackoverflow.com/q/37766010/11719549">In Chrome 51, how can I activate the Canvas Profiling Feature?</a></li>
  <li><a href="https://stackoverflow.com/q/5727969/11719549">WebGL debug tools?</a></li>
  <li><a href="https://stackoverflow.com/q/23806619/11719549">Webgl shader debugger, variable inspection</a></li>
  <li><a href="https://stackoverflow.com/q/28588388/11719549">debugging webgl in chrome</a></li>
  </ul>
  
  <p>However, I do not want to install a browser that is too old. Also, the extension debugging tool that someone created was mostly unmaintained (example: <a href="https://github.com/benvanik/WebGL-Inspector" rel="noreferrer">WebGL-Inspector</a>).</p>
  
  <hr>
  
  <p>Are there any Canvas, WebGL debuggers or inspectors that I can currently use with the latest browsers (Firefox, Chrome)?</p>