3qdoiw
Last Updated: September 06, 2018
·
33.79K
· 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.

4 Responses
Add your response

6729

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 ·
11595

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 ·
29154

Get more clothes at amazon by using amazon codes at http://freecodeshub.com/amazon-gift-card-codes/ with out paying any money

over 1 year ago ·
30627

This way can be useful for you. http://browserreview.net/

about 1 month ago ·