Skip Javascript Framework while Debugging in Chrome

Question

I did research and found this website give my very useful information https://divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/

I did enable blackbox mode for the file pattern as following

However, if i click the pause button in developer tools and when the mouse is over a page, the script still stop at jquery.min.js with the yellow box showing like the picture.

enter image description here

I just want to debug which function is performed when i did some action like, Click particular button etc.

But the jquery.min.js stop me from knowing this. Do you have any idea how to workaround or to make debugging more easier?

Thank you very much.

I think this was actually a bug, but I can see where it came from. You write you moved your mouse and it jumped to a blackboxed script. I think this might have actually been by design at first, but later they removed it. It seems to be working fine now. 2 years later. ;-) — Bondt
– Bondt, Commented Dec 19, 2016 at 16:48

jaredwilli · Accepted Answer · 2014-11-25 15:12:06Z

8

You need to enter in one library at a time if you are going to do them like that. Read the docs on blackboxing for more info https://developer.chrome.com/devtools/docs/blackboxing

You can:

enter the name of a file,
use regular expressions to target:
- files that contain a specific name /backbone.js$,
- certain types of files like .min.js$
or enter in an entire folder that contains scripts you want to blackbox such as bower_components.

To my knowledge you cannot enter a regex like (thing1|thing2|thing3|etc). That will not work.

Here's a screenshot of what you can do though.

enter image description here

answered Nov 25, 2014 at 15:12

jaredwilli

12.4k6 gold badges44 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

chaintng Over a year ago

The blackbox did work find to my js framework (as you can see it has yellow bar on the jquery.min.js) My problem is the "Pause script execution (F8)" on Developer tools did pause on the blackbox js, but not my actual script. This give me a hard time for debugging. So, i'm wonder how does anyone fix this problem.

jaredwilli Over a year ago

If the file is open it will pause in it. If it still does it when you close all the files, refresh and try stepping through your code again, and it still pauses in the blackboxed script then that sounds like a bug in the feature and should be reported in crbug.com

Ricardo Gellman · Accepted Answer · 2023-05-30 15:17:40Z

0

You can use default devtools ignore list.

Click on gear at the right side, and include all files you want to skip, by clicking at the "Add pattern ..." button

answered May 30, 2023 at 15:17

Ricardo Gellman

1,42717 silver badges20 bronze badges

Collectives™ on Stack Overflow

Skip Javascript Framework while Debugging in Chrome

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related