mozilla

Compare Revisions

Debugger

Change Revisions

Revision 458721:

Revision 458721 by jryans on

Revision 458741:

Revision 458741 by jryans on

Title:
Debugger
Debugger
Slug:
Tools/Debugger
Tools/Debugger
Tags:
"Tools", "Debugging", "Debugger", "Firefox OS", "Dev Tools"
"Tools", "Debugging", "Debugger", "Firefox OS", "Dev Tools"
Content:

Revision 458721
Revision 458741
n84      The eyeball enables you to enable/disable black boxing a pan84      The eyeball enables you to enable/disable black boxing a pa
>rticular source. When a source is black boxed:>rticular source. 
85    </p>
86    <ul>
87      <li>Any breakpoints it may have are disabled.
88      </li>
89      <li>When <a href="#debugger-settings">“pause on exceptions”
></a> is enabled, the debugger won’t pause when an exception is th 
>rown in the black boxed source; instead it will wait until (and i 
>f) the stack unwinds to a frame in a source that isn’t black boxe 
>d. 
90      </li>
91      <li>The debugger will skip through black boxed sources when
> stepping. 
92      </li>
93    </ul>85    </p>
tt417    <h3>
418      Black boxing a source
419    </h3>
420    <p>
421      In modern web development, we often rely on libraries like 
 ><a href="http://jquery.com/">jQuery</a>, <a href="http://emberjs.
 >com/">Ember</a>, or <a href="http://angularjs.org/">Angular</a>, 
 >and 99% of the time we can safely assume that they “just work”. W
 >e don’t care about the internal implementation of these libraries
 >: we treat them like a <a href="http://en.wikipedia.org/wiki/Blac
 >k_box">black box</a>. However, a library’s abstraction leaks duri
 >ng debugging sessions when you are forced to step through its sta
 >ck frames in order to reach your own code. With black boxing, you
 > can tell the debugger to ignore the details of selected sources.
422    </p>
423    <p>
424      You can enable/disable black boxing for a individual source
 > by clicking the eyeball to the left of the source in the sources
 > list. Or you can black box many sources at once by bringing up t
 >he developer toolbar with Shift+F2 and using the <code>dbg blackb
 >ox</code> command:
425    </p>
426    <p>
427      <img alt="" src="https://mdn.mozillademos.org/files/5997/co
 >mmand.png" style="height: 48px; width: 537px;">
428    </p>
429    <p>
430      When a source is black boxed:
431    </p>
432    <ul>
433      <li>Any breakpoints it may have are disabled.
434      </li>
435      <li>When <a href="#debugger-settings">“pause on exceptions”
 ></a> is enabled, the debugger won’t pause when an exception is th
 >rown in the black boxed source; instead it will wait until (and i
 >f) the stack unwinds to a frame in a source that isn’t black boxe
 >d.
436      </li>
437      <li>The debugger will skip through black boxed sources when
 > stepping.
438      </li>
439    </ul>

Back to History