/dev tips

(113) Explore ARIA accessibility properties with autocomplete View and customise custom Network Response Headers (115)

Chrome DevTools: New Console Panel features like live syntax highlighting and snippet detection

22 Sep 2016
New Console Panel features like live syntax highlighting and snippet detection

The Console Panel now has some useful enhancements.

With Smart New Lines, DevTools will determine whether the line of code you hit 'enter' on should be executed, or treated as part of a snippet.

If you write and execute a line of code in the Console Panel that starts like this: function hello() { - previously you would receive the error Uncaught SyntaxError: Unexpected end of input. Now, DevTools will insert a new line for you, with the correct indentation, so you can continue writing your snippet of code.

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