• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
Firefox Developer Tools
  1. MDN
  2. Firefox Developer Tools
  3. Web Console

Web Console

The Web Console:

  1. Logs information associated with a web page: network requests, JavaScript, CSS, security errors and warnings as well as error, warning and informational messages explicitly logged by JavaScript code running in the page context
  2. Enables you to interact with a web page by executing JavaScript expressions in the context of the page

Opening the Web Console
How to start using the Web Console.
The command line interpreter
How to interact with a document using the Console.
Split console
Use the Console alongside other tools.
Console messages
Details of the messages the Console logs.
Rich output
See and interact with objects logged by the Console.
Keyboard shortcuts
Shortcut reference.

Document Tags and Contributors

Tags: 
  • Debugging
  • Guide
  • l10n:priority
  • Security
  • Tools
  • web console
  • Web Development
  • Web Development:Tools
 Contributors to this page: xaxiclouddev, kermits93, SphinxKnight, joshyule, wbamberg, chrisdavidmills, Sheppy, Sebastianz, DevAsh, klebermaria, openmando, enricostenker, grbradt, andr19771994, anallover, Dipakkolhe, teoli, fscholz, Willpaz, ceciler77, xfq, DavidWalsh, markuskrahmer, hooby23, trurichi3, shhhh12, Psy, kscarfone, Paul, Maroosko, kosikfl, cgack, Potappo, yyss, saneyuki_s, robcee, dbruant
 Last updated by: xaxiclouddev, Jul 11, 2017, 5:16:23 AM
  1. Core Tools
    1. Page Inspector
    2. Web Console
    3. JavaScript Debugger
    4. Network Monitor
    5. Performance
    6. Responsive Design Mode
    7. Tips
  2. More Tools
    1. Memory
    2. Storage Inspector
    3. DOM Property Viewer
    4. Developer Toolbar
    5. Eyedropper
    6. Screenshot
    7. Scratchpad
    8. Style Editor
    9. Shader Editor
    10. Web Audio Editor
  3. Connecting the devtools
    1. about:debugging
    2. Connecting to Firefox for Android
    3. Connecting to iframes
    4. Connecting to other browsers
  4. Debugging the browser
    1. Browser Console
    2. Browser Toolbox
  5. Extending the devtools
    1. Adding a panel to the toolbox
    2. Example devtools add-ons
    3. Remote Debugging Protocol
    4. Stream Transport
    5. Source Editor
    6. The Debugger Interface
    7. Web Console custom output
  6. Settings
  7. Release notes