Kayce Basques

Hey hey,Kayce here, back again foranother digest to update you on what's new in DevTools since last month.

New features in the Console

In Chrome 56, which is currently in Canary, the DevTools Console is powered byCodeMirror. This enables a whole bunch of newfeatures, like:

Syntax highlighting as you type. Previously, DevTools could onlyhighlight syntax after a code block had been evaluated.

Matching parenthesis / bracket / brace highlighting. If you've gotan extra parenthesis, bracket, or brace, DevTools highlights it red.

Matching parentheses, brackets, or braces are highlighted grey when yourcursor is next to one of them.

Smart return. When you type out a multi-line code block, DevToolsnow knows whether to create a new line or execute your code each time youpressEnter. For example, suppose you want toevaluate the followingfor loop in the Console:

for(vari=0;i <5;i++){console.log(i);}

In the past, hittingEnter after typing out the first line wouldhave caused DevTools to evaluate the line, causing an error.To continue the code block to a new line, you would have had to heldShift before pressingEnter. In contrast, nowDevTools just automatically continues the code block on a new line afteryou hitEnter, as you expect it would.

Multiple cursors. HoldCommand (Mac) orControl+Alt (Windows, Linux) and then click.

Canary now highlights non-top contexts red

If you've worked in the Console lately, you might have been bitten by anasty little bug that was setting theexecution context selector to valuesother thantop.

That bug should be now be fixed in Stable, but, just to be safe, the DevToolsin Canary (Chrome 56) now warns you that you're not in thetop context byhighlighting the selector red.

New user agent: UC Browser

You can now select UC Browser for iOS, Android, or Windows Phone fromtheNetwork conditionsdrawer tab.

Sharing is caring

As always, we'd love to hear your feedback or ideas on anything DevToolsrelated.

• Ping us atChromeDevTools on Twitterfor brief questions or feedback, or to share new ideas.
• For longer discussions, themailing list orStack Overflow are your best bets.
• For anything docs related,open an issue on our docs repo.
• You can always go straight to the team to file a bug or request a featureonCrbug.

Until next month,

Kayce