In e.g., Chrome Dev tools, it is easy to set a breakpoint in the Javascript for a website. When you are stopped at a breakpoint, it is easy to log out the value of any variable in the scope of the breakpoint, and you can even use watch expressions to have this done automatically.

However, what I would like to do is add console logging to a script from within the browser, so that I can see values without stopping execution of the script in a breakpoint.

My use case is that when developing, I will often use console logs for debugging. I may add a console log, pile, start my dev server, navigate to the place in the app where the code is executed, and observe the log. However, for my team's workflow, it would be useful to be able to add additional logs without having to repile etc. Is there a way to do this in Chrome?

In e.g., Chrome Dev tools, it is easy to set a breakpoint in the Javascript for a website. When you are stopped at a breakpoint, it is easy to log out the value of any variable in the scope of the breakpoint, and you can even use watch expressions to have this done automatically.

However, what I would like to do is add console logging to a script from within the browser, so that I can see values without stopping execution of the script in a breakpoint.

My use case is that when developing, I will often use console logs for debugging. I may add a console log, pile, start my dev server, navigate to the place in the app where the code is executed, and observe the log. However, for my team's workflow, it would be useful to be able to add additional logs without having to repile etc. Is there a way to do this in Chrome?

• javascript
• google-chrome
• debugging
• google-chrome-devtools
• console.log

Share Improve this question Follow asked Apr 13, 2019 at 13:46 elethanelethan 17k1010 gold badges6969 silver badges9797 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Starting at Chrome 73, you can use Logpoints, which are basically non-breaking breakpoints which only do logging for you.

Before Logpoints was a thing - you could set a conditional breakpoint in devtools and just write console.log(someVar) inside the conditional statement, and it would work since console.log doesn't return anything, and hence not stopping at the desired breakpoint.

Adding a console log is something Google recently add. In the selected row instead of left click,click right click and select 'add logpoint', a small text box will pop up, enter the variable you want you console log.

If you do not see this feature update your browser.