CODEWITHSUNDEEP
javascriptgoogle-chrome-devtools
Josh Schultz
Josh Schultz

Reputation: 8190

Can I tell the Chrome script debugger to ignore jquery.js?

Is there a way to tell the Chrome debugger (or maybe Firebug?) to not break within certain files? To assume they're not broken, essentially? This seems like something they might build in.

Upvotes: 107

Views: 36287

Answers (8)

XMehdi01
XMehdi01

Reputation: 1

Go to Developer Tools > Settings (Cog Icon ⚙️) > Ignore List.
Then add a Custom exclusion rule like file name or regex pattern of the library you want to exclude:

enter image description here

Upvotes: 0

user2679476
user2679476

Reputation: 419

You can follow this link to ignore the pattern in latest chrome browser (mine is : Version 100.0.4896.60 (Official Build)).

https://dilshankelsen.com/ignore-library-code-while-debugging-browser/

Developer Tools > Settings (Cog Icon) > Ignore List. Then add a file name or regex pattern you wish to exclude.

Upvotes: 4

Nirmal Patel
Nirmal Patel

Reputation: 5168

Blackboxing JS files is now possible in Firefox https://developer.mozilla.org/en-US/docs/Tools/Debugger

And in Chrome Canary using Experimental Dev tools. http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/

Update. In Chrome v.75 there is a separabe tab for blackboxing.

Above works in stable Chrome build as well now.

Upvotes: 51

sMyles
sMyles

Reputation: 2666

In Chrome, open Developer Tools, then goto Settings, and you will see the Blackbox tab:

Chrome Blackbox

In FireFox it's even easier, just click the Eye at the bottom of the file:

FireFox Blackbox

Upvotes: 14

The_Black_Smurf
The_Black_Smurf

Reputation: 5259

The latest version of Chrome has implemented a new blackbox feature that does exactly what you are looking for. Basically, when you set the blackbox option on a given file, it will prevent Chrome debugger from breaking into that file.

This feature is built-in and it can be set with the context menu of the file (right click). It will also work if Chrome debugger is set for stopping on all exceptions.

Upvotes: 31

Mahmood
Mahmood

Reputation: 141

  1. Go to developer tools setting and click on Balckboxing tab on the left panel.
  2. Then click on the Add pattern button and type jquery.js
  3. Close and reopen developer tools, now its skipped!

Upvotes: 7

jfriend00
jfriend00

Reputation: 707158

If the issue you're having is that the Chrome debugger is stopping on all exceptions, even the ones inside of jQuery, then you may need to tell Chrome to only pause on uncaught exceptions, not all exceptions. When in the Script panel in the debugger, there is an icon in the lower left corner of the window that controls this.

Upvotes: 16

Kelly Sutton
Kelly Sutton

Reputation: 591

If the debugger is blowing up somewhere in the jQuery files, you could potentially wrap the suspect calls in a try/catch and then throw an error in your own catch. That way, you can isolate exactly where your're going wrong.

I would be more inclined to do stack traces to see why my code is blowing up, e.g. invalid JSON, than to try gloss over it.

Upvotes: 2

Related Questions