Last Updated: September 27, 2021
·
49.87K
· eallam

How to turn on Chrome DevTools experiments

Paul Irish showed off a cool new feature of the Chrome DevTools called Canvas Introspection in a talk at EdgeConf.

To try it out on your own <canvas> projects, you first need to install Chrome Canary. Canary is a bleeding-edge version of Chrome that you can run alongside your more modest stable or beta version. After you download it, open it up and visit chrome://flags and enable the DevTools Experiments:

DevTools experiments

Now restart Canary and open up DevTools and hit the little gear icon in the lower right to open up the DevTools settings:

DevTools settings

You should now see an "Experiments" tab in the left sidebar and the option to turn on "Canvas Inspection":

Canvas Inspection

Make sure to watch Paul's talk for the cool things you can do with it.

2 Responses
Add your response

Thanks for the tip. This is no available in the latest stable version of Chrome. No need to install Canary if you don't want to.

over 1 year ago ·

I have a problem. Even if I enabled "Enable Developer Tools experiments." the inspector doesn't show these options (chrome://flags/#enable-devtools-experiments). It shows something different like, FileSystem inspection, Canvas inspection, CSS Regions Support,Show Overrides in drawer etc.

Did I miss out to to do something? I use Chrome Version 31.0.1650.63
,

over 1 year ago ·