Useful new features added to Chrome's Developer tools

Submitted by charles on Wed, 06/06/2018 - 16:45

Some very useful updates have been introduced to Chrome's developer tools in Chrome 68.

Amongst them, Eager evaluation, function argument hints and autocompletion:

  • Eager Evaluation. As you type expressions, the Console previews the result.
  • Argument hints. As you type functions, the Console shows you the expected arguments for that function.
  • Function autocompletion. After typing a function call such as document.querySelector('p'), the Console shows you the functions and properties that the return value supports.


For the full list and a video demo, see: https://developers.google.com/web/updates/2018/05/devtools