/dev tips

๐ŸŽŠ   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   ๐ŸŽŠ

(167) Copy as Fetch Accessibility debugging, including a 14 minute video (169)

Chrome DevTools: Instant results for your JavaScript expressions

27th April 2018
Instant results for your JavaScript expressions

This feature gives you instant results for many side effect free JavaScript expressions. For example, you can type the following in the Console Panel:

`2 + 2 = ${2 + 2}`

And observe the result is:

"2 + 2 = 4"

Without having to hit enter.

Results are displayed as you type which makes this a powerful debugging tool.

This is a hidden experimental feature in Canary named Console below-prompt UI.

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