Simulating tracepoints in Chrome dev tools

There’s a very under rated feature in MS Edge’s F12 tools called tracepoints. A tracepoint is like a breakpoint but it calls console.log with the statement you provide it. This is really useful want to inspect some state as your application…


This content originally appeared on Posts on LINQ to Fail and was authored by Posts on LINQ to Fail

There’s a very under rated feature in MS Edge’s F12 tools called tracepoints. A tracepoint is like a breakpoint but it calls console.log with the statement you provide it. This is really useful want to inspect some state as your application runs but don’t want to interupt the application flow by adding a breakpoint, or can’t modify your code and inject console.log statements (eg: production environments). Well it turns out that we can easily simulate this in the Chrome dev tools (and I suspect Firefox too, but I don’t spend much time debugging in Firefox), and that’s by exploiting the conditional breakpoints


This content originally appeared on Posts on LINQ to Fail and was authored by Posts on LINQ to Fail


Print Share Comment Cite Upload Translate
APA
Posts on LINQ to Fail | Sciencx (2023-04-01T18:03:28+00:00) » Simulating tracepoints in Chrome dev tools. Retrieved from https://www.scien.cx/2015/08/30/simulating-tracepoints-in-chrome-dev-tools/.
MLA
" » Simulating tracepoints in Chrome dev tools." Posts on LINQ to Fail | Sciencx - Sunday August 30, 2015, https://www.scien.cx/2015/08/30/simulating-tracepoints-in-chrome-dev-tools/
HARVARD
Posts on LINQ to Fail | Sciencx Sunday August 30, 2015 » Simulating tracepoints in Chrome dev tools., viewed 2023-04-01T18:03:28+00:00,<https://www.scien.cx/2015/08/30/simulating-tracepoints-in-chrome-dev-tools/>
VANCOUVER
Posts on LINQ to Fail | Sciencx - » Simulating tracepoints in Chrome dev tools. [Internet]. [Accessed 2023-04-01T18:03:28+00:00]. Available from: https://www.scien.cx/2015/08/30/simulating-tracepoints-in-chrome-dev-tools/
CHICAGO
" » Simulating tracepoints in Chrome dev tools." Posts on LINQ to Fail | Sciencx - Accessed 2023-04-01T18:03:28+00:00. https://www.scien.cx/2015/08/30/simulating-tracepoints-in-chrome-dev-tools/
IEEE
" » Simulating tracepoints in Chrome dev tools." Posts on LINQ to Fail | Sciencx [Online]. Available: https://www.scien.cx/2015/08/30/simulating-tracepoints-in-chrome-dev-tools/. [Accessed: 2023-04-01T18:03:28+00:00]
rf:citation
» Simulating tracepoints in Chrome dev tools | Posts on LINQ to Fail | Sciencx | https://www.scien.cx/2015/08/30/simulating-tracepoints-in-chrome-dev-tools/ | 2023-04-01T18:03:28+00:00
https://github.com/addpipe/simple-recorderjs-demo