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