Compare Revisions

Web Console

Change Revisions

Revision 536931:

Revision 536931 by wbamberg on

Revision 536933:

Revision 536933 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 536931
Revision 536933
nn225    <div class="geckoVersionNote">
226      <p>
227        From Firefox 30 onwards, Network log messages are not sho
 >wn by default.
228      </p>
229    </div>
nn239    <div class="geckoVersionNote">
240      <p>
241        From Firefox 30 onwards, JavaScript warnings are not show
 >n by default.
242      </p>
243    </div>
nn253    <p>
254      By default, CSS warnings and log messages are not shown.
255    </p>
n246    <div class="geckoVersionNote">n
247      <p>
248        Reflow events are only logged from Firefox Desktop 27+ an
>d Firefox OS 1.3+. 
249      </p>
250    </div>
t716      <img alt="" src="https://mdn.mozillademos.org/files/7371/cot724      <img alt="" src="https://mdn.mozillademos.org/files/7371/co
>mmandline-addingvariable1.png" style="width: 632px; height: 144px>mmandline-addingvariable1.png" style="display: block; margin-left
>;">>: auto; margin-right: auto;"><img alt="" src="https://mdn.mozilla
 >demos.org/files/7373/commandline-addingvariable2.png" style="disp
 >lay: block; margin-left: auto; margin-right: auto;">
717    </p>
718    <p>725    </p>
719      <img alt="" src="https://mdn.mozillademos.org/files/5605/we726    <h4>
>b-console-commandline-addvariable.png" style="width: 632px; heigh 
>t: 125px; display: block; margin-left: auto; margin-right: auto;" 
>><img alt="" src="https://mdn.mozillademos.org/files/5603/web-con 
>sole-commandline-addfunction.png" style="width: 632px; height: 16 
>8px; display: block; margin-left: auto; margin-right: auto;"> 
727      Highlighting and inspecting nodes
728    </h4>
729    <div class="geckoVersionNote">
730      <p>
731        This feature is new in Firefox 30.
732      </p>
733    </div>
720    </p>734    <p>
721    <h4 id="Command_history">735      If you hover the mouse over any DOM element in the console 
 >output, it's highlighted in the page:
736    </p>
737    <p>
738      <img alt="" src="https://mdn.mozillademos.org/files/7379/co
 >mmandline-highlightnode.png" style="display: block; margin-left: 
 >auto; margin-right: auto;">In the screenshot above you'll also se
 >e a blue "target" icon next to the node in the console output: cl
 >ick it to switch to the <a href="/en-US/docs/Tools/Page_Inspector
 >">Inspector</a> with that node selected.
739    </p>
740    <h4>

Back to History