How to 'add watch' in Chrome developer tools?

You can do it by clicking 'add to watch' after right clicking

You can also select the expression/variable and hit Ctrl + Shift + A


You need to double click the variable name, then right click will reveal the add to watch option.


From the Chrome DevTool docs on JS Debugging Reference > Watch the values of custom JavaScript Expressions, you can do it in 1 of 3 ways:

  1. Highlight text, right click, and selct Add selected text to watches

    Add selected text to watches

    *Note: this used to be "Add to watch"

  2. Highlight text and press Ctrl + Shift + A

  3. Add expression on the watch panel directly in the top right corner of the sources tab

    Add Watch Expression