Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

chrome canvas inspector 2015

I used this nifty feature that chrome had for quite a while called "canvas inspector". It was an experimental dev feature that had to manually be enabled.

It was quite helpful when working with webgl via something like THREE.js where you can easily create a bunch of undesired draw calls by accident.

Also, it worked on any website, you could simply take a snapshot and see whats going on in the canvas.

It... miraculously disappeared one day, and google does not give any insight.

I've tried some extensions but they dont feel nearly as good, or i couldn't even get them to work. Is there another way to get this back into chrome?

like image 259
pailhead Avatar asked Jul 15 '15 19:07

pailhead


People also ask

How do I inspect Canvas in chrome?

Go to the Settings panel of Chrome Developer Tools by clicking the cog on the bottom right. Click the "Experiments" tab and check the option "Canvas inspection".

How do I enable developer tools in Experiments?

Go to chrome://flags/#enable-devtools-experiments to enable Devtools experiments. Open developer tools, go to Settings (Devtools menu or Chrome customization menu) In Settings, go to Experiments and enable "Accessibility Inspection" Restart developer tools.


1 Answers

Apparently it was doing some cheeky stuff that they didn't want in the main project so it was removed in this issue: DevTools: make Canvas profiler an extension

We can make it an extension though. This bug is for tracking removal of the canvas profiler from the DevTools. There will be a separate initiative of porting the code being removed into github and publishing it as a Chrome extension.

According to that issue they might move it to an extension in the future but I haven't found any traces of it as of now. They haven't responded to a question in the above issue about where the new issue could be tracked.

like image 129
Karl-Johan Sjögren Avatar answered Sep 24 '22 07:09

Karl-Johan Sjögren