Dev Tips

DevTools: 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.

If you have any troubles viewing this animated gif, check out: umaar.com/dev-tips/168-instant-console

Sponsor
Do you want to spend a week in Barcelona talking about how the web is back? You have until May 13th to submit your talk to Full Stack Fest! They're looking for talks about new browser APIs, success & failure stories, developer culture and software architecture. Transport & accommodation costs covered!