/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(44) Inspect the inspector Conditional Breakpoints (46)

Chrome DevTools: Select and execute a block of code in the Sources Panel

2 Jun 2015
Select and execute a block of code in the Sources Panel

You can use the shortcut Ctrl + Shift + E to run a block of highlighted code in the Sources Panel. In the clip, I am paused at a breakpoint, and want to access a bunch of variables attached to the this keyword. I select the block where they're defined and change:

this.foo = 'hello'
this.bar = 'world'

Into

foo = 'hello'
bar = 'world'

Finally, I execute that changed block of code so I have foo and bar in scope and can use them while debugging.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.