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 1
Views: 635
Made with Love in Tempe, Arizona. Copyright 2019 Hownd, Inc. All Rights Reserved.