mozilla

Compare Revisions

Web Console

Change Revisions

Revision 507549:

Revision 507549 by wbamberg on

Revision 507553:

Revision 507553 by wbamberg on

Title:
Web Console
Web Console
Slug:
Tools/Web_Console
Tools/Web_Console
Tags:
"Tools", "Web Development:Tools", "Guide", "Security", "Debugging", "web console", "Web Development"
"Tools", "Web Development:Tools", "Guide", "Security", "Debugging", "web console", "Web Development"
Content:

Revision 507549
Revision 507553
n499    <h2>n499    <h2 id="The_split_console">
t508      Starting in Firefox 28, you can use the console alongside ot508      Starting in Firefox 28, you can use the console alongside o
>ther tools. While you're in another tool in the Toolbox, just pre>ther tools. While you're in another tool in the Toolbox, just pre
>ss "Escape" or press the "Toggle split console" button in the Too>ss "Escape" or press the "Toggle split console" button in the <a 
>lbar.>href="/en-US/docs/Tools_Toolbox#Toolbar">Toolbar</a>. The toolbox
 > will now appear split, with the original tool above and the web 
 >console underneath.
509    </p>
510    <p>
511      As usual, <code>$0</code> works as a shorthand for the elem
 >ent currently selected in the Inspector:
512    </p>
513    <p>
514      <img alt="" src="https://mdn.mozillademos.org/files/6619/we
 >b-console-split-inspector.png" style="display: block; margin-left
 >: auto; margin-right: auto;">When you use the split console with 
 >the debugger, the console's scope is the currently executing stac
 >k frame. So if you hit a breakpoint in a function, the scope will
 > be the function's scope. You'll get autocomplete for objects def
 >ined in the function, and can easily modify them on the fly:
515    </p>
516    <p>
517      <img alt="" src="https://mdn.mozillademos.org/files/6621/we
 >b-console-split-debugger.png" style="display: block; margin-left:
 > auto; margin-right: auto;">

Back to History