ShakaCode | ShakaCode Blog | Rails On Maui Blog | Rails | ReactJs | JavaScript | Webpack | Productivity |

Favorite Chrome Debugging Tool Tips


#1

How did I miss this in the Chrome Canary Debugger? Navigate right to function definition from object!

Please share your favorite Chrome developer tool tips here!


#2

Chrome logs objects such that you can expand the object!

console.log(“foo is %O, obj);

Some other tips good tips here:

http://blog.teamtreehouse.com/5-great-hidden-features-in-the-chrome-devtools


#3

I found this useful if you want to change some text and see how it looks like

document.body.contentEditable = true