Is it possible to hide JavaScript framework call stacks when debugging, only step over application JavaScript code

debugcn Published at Dev

Joe

I got assigned working on a front-end project written in a mvc frontend framework, every time when I try to debug the code base to better understand the application logic, I got sucked in to the framework code, for now, I don't really want to dig into the framework implementation, but only focus on the application logic. Here's my question: is it possible to hide those framework call stacks? Or somehow only step over the application call stacks and skip the framework call stacks automatically?

BTW, I'm using chrome devtools and webstorm IDE.

user663031

Chrome has an "manage framework blackboxing" option available under the "sources" section of the settings page you access through the gear icon in devtools. See here for more details. Here's a screenshot:

enter image description here

When you click it, you are able to designate libraries to "blackbox":

enter image description here

Related: 1, 2.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-07-5

Comments

0 comments

From Dev

Related Related

Article

Is it possible to hide JavaScript framework call stacks when debugging, only step over application JavaScript code

Is it possible to hide JavaScript framework call stacks when debugging, only step over application JavaScript code

Javascript code runs only when debugging

Stacks with Javascript

Can't step over code in Visual studio while debugging

Debugging JavaScript in Chromium Embedded Framework

Is there a tool to log call stacks when a specified application's UI hangs?

Is it possible to have undefined as a key when foreaching over a JavaScript object?

Code works during debugging step thru but not when running to breakpoints

Code works during debugging step thru but not when running to breakpoints

JavaScript Possible Iteration Over Unexpected

javaScript code within PHP function only work in first call

Is it possible to beautify this JavaScript code?

Skip Javascript Framework while Debugging in Chrome

Is it possible to define 'step' size when iterating over a C++ container?

xcode debugging - quickly step over assembly code back to my custom code

Works only while debugging javascript not otherwise

Application to verify code in Javascript

Visual Studio Code debugging client side JavaScript

Debugging JavaScript & css code: adding an event handler

how to call javascript code when html table value is populated

How to step through javascript code that is bound to a button

Is it possible to do this with only CSS, no JavaScript?

Play Framework javascript file minification / hide sources

How to find event listeners on a DOM node when debugging or from the JavaScript code?

How to ensure Just My Code is stepped into when debugging Javascript in NODE environment?

Why does my javascript only fire when the code is repeated?

javascript code only work once, when page is loaded

Generating a tree of all possible call stacks

Javascript Errors when Debugging in Visual Studio 2013

JavaScript function returns undefined except when debugging