How Do I Take a Javascript Console Screen Shot?

To take a JavaScriptConsole (or JS Console) screenshot:
Google Chrome
  1. Click the three horizontal dots in the upper-right corner.
  2. Hover over More Tools.
  3. Click Developer Tools.
  4. Take a screenshot of the entire webpage with the JavaScript Console visible. Ensure the Console tab is visible, and not Elements, Network, or any other tabs.
Mozilla Firefox
  1. Click the three horizontal lines hamburger.png (or hamburger icon) OR the three dots in the upper-right corner.
  2. Click Developer.
  3. Click Inspector.
  4. Click Console.
  5. Take a screenshot of the entire webpage with the JavaScript console, not only the console box. Ensure the Console tab is visible, not Elements, Network, or any other tabs.
Keyboard Shortcut

Alternatively, you can use a keyboard shortcut to pull up your browser’s Javascript Console.

  • Windows: Ctrl + Shift + J
  • Mac OS: Cmd + Opt + J
Was this article helpful?
Dislike 0
Views: 23
Made with Love in Tempe, Arizona. Copyright 2018 Roverr, Inc. All Rights Reserved.

Column content

Column content