Chrome DevTools: Select and execute a block of code in the Sources PanelLast updated: 30th October 2020
You can use the shortcut Ctrl + Shift + E to run a block of highlighted code in the Sources Panel.
How to use this
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 some code, from this:
this.foo = 'hello' this.bar = 'world'
foo = 'hello' bar = 'world'
Finally, I execute that changed block of code so I have
bar in scope and can use them while debugging.