Compare Revisions

Debugger

Change Revisions

Revision 302073:

Revision 302073 by dangoor on

Revision 302093:

Revision 302093 by dangoor on

Title:
Debugger
Debugger
Slug:
Tools/Debugger
Tools/Debugger
Content:

Revision 302073
Revision 302093
n20      Using the Debuggern20      The Debugger Toolbar
n60         n60        Use this selector to choose which script file (or evaluat
 >ed JavaScript) you wish to view.
61      </dd>
62      <dt>
63        Filter Scripts (search)
64      </dt>
65      <dd>
66        Some pages have many script files, making it painful to s
 >elect from a single, long list. Use the filter box to quickly sea
 >rch through the scripts and find the one you're looking for. Addi
 >tionally, the search box was inspired by <a href="http://www.subl
 >imetext.com/" title="http://www.sublimetext.com/">Sublime Text's<
 >/a> Goto Anything feature. If you type "filename.js#somestring", 
 >the Debugger will search for "somestring" in filename.js. Keep pr
 >essing the return key to cycle through matches. You can also sear
 >ch for somestring within the current file by searching for "#some
 >string".
67      </dd>
68      <dt>
69        Pause on Exceptions
70      </dt>
71      <dd>
72        Check this box to let the Debugger take over whenever an 
 >exception is thrown. This option makes it easy to tackle unexpect
 >ed problems that come up during your script's execution.
tt75    <h2>
76      <span id="cke_bm_380C" style="display: none;">&nbsp;</span>
 >The Main Debugging Area
77    </h2>
78    <p>
79      There are three parts to the large area of the Debugger. Th
 >e leftmost pane shows the stack frames for the currently paused c
 >ode. Click on a frame to switch contexts.
80    </p>
81    <p>
82      The middle pane shows the JavaScript code. You can set brea
 >kpoints by clicking in the gutter, next to the line number. In th
 >e screenshot above, there's a breakpoint set at line 60. Next to 
 >the scrollbar, there are blue marks placed along a vertical bar r
 >elative to where the breakpoints are set in the file. This bar ma
 >kes it easier to spot where the breakpoints are.
83    </p>
84    <p>
85      The right pane displays the values of variables that are in
 > scope for the currently selected frame.
86    </p>
87    <h2>
88      Remote Debugging
89    </h2>
90    <p>
91      Firefox supports remote debugging via built-in server commu
 >nicating via a <a href="https://wiki.mozilla.org/Remote_Debugging
 >_Protocol" title="https://wiki.mozilla.org/Remote_Debugging_Proto
 >col">remote debugging protocol</a>. This feature allows you to us
 >e desktop Firefox to debug JavaScript code that is running on Fir
 >efox for Android or Firefox OS. See the <a href="https://hacks.mo
 >zilla.org/2012/08/remote-debugging-on-firefox-for-android/" title
 >="https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-f
 >or-android/">Remote Debugging on Firefox for Android</a> article 
 >on Mozilla Hacks for more information.
92    </p>

Back to History