'How to configure chrome debugger to show only typescript files in the call stack window?

I know how to debug typescript project with chrome, but it will be much more efficient if the call stack window will show only the typescript files, and not the js files.

Is it possible? How?

In the following image I added red arrows pointing to the files that I need in the call stack.

enter image description here

typescriptgoogle-chromedebugginggoogle-chrome-devtools


Solution 1:[1]

You can ignore the scripts one by one by right clicking on the stack trace and choosing "Add script to ignore list". It's a bit tedious, but there should only be a finite number of scripts to ignore.

Otherwise you could try writing a rule in "settings" > "ignore List". But when I added a rule to ignore all javascript files (".js$"), it broke my debugger and I couldn't step through typescript files either any more.

see also: Is there a way to hide 3rd party JS function calls in stack trace in chrome or firebox debugger?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 AndreasE

Related Questions