Hide JavaScript Files in Chrome Dev Tools

Question

Is there a way in Chrome Dev Tools to hide JavaScript files so that I'm only looking at my TypeScript files? Bear in mind that I'm not referring to "blackboxing" the files. Rather, I want to completely hide them in the "Sources" tab.

Answer 1

To avoid clicking on a .js file, do not click on any files under top . Instead click the More options... feature which should provide a Go to file... dialog which when selected should render an input field with a drop-down menu beneath listing all Sources files.

Either type in the TypeScript file name or select the file from the drop-down menu.

Alternatively, when Sources is open you can use Ctrl+p which should render the same input filed and drop-down menu.