This post describes how to open consoles in different browsers and screenshot information.          

If an affiliate tool by Travelpayouts is not working on your website, you may need to take a screenshot of the JavaScript console. This console is built into most web browsers and logs errors and warnings that occur when you load a web page.

This article describes how to open the JavaScript console in different browsers and use the built-in tools of your operating system to take screenshots with the information needed for troubleshooting.

Browsers

• Chrome
• Firefox
• Safari
• Internet Explorer/Edge

How to open the JavaScript console in Chrome

In Chrome, the JavaScript console is part of DevTools, a built-in set of tools that are used as an auxiliary tool for web developers. The console opens up as a new browser window.

To open the JavaScript console:

• Use Ctrl+Shift+J (for Windows / Linux) or Cmd+Opt+J (for Mac)
• If DevTools is already open, select the Console tab

How to open the JavaScript console in Firefox

In Firefox, the console is called the "web console" and is part of the developer tools.

To open the web console:

• Use Ctrl+Shift+K (for Windows / Linux) or Cmd+Opt+K (for Mac)
• Or, select Web development > Web console from the browser menu

How to open the JavaScript console in Safari

In Safari, the console is called the "web inspector".

To open the web inspector after enabling it:

• Select Development menu > Show Web Inspector
• Use Ctrl+Alt+I (for Win)
• Use Cmd+Opt+C (for Mac)

If you do not have this menu item or the web inspector doesn't start, go to the browser settings, select the Add-ons panel and tick the Show Development menu in the menu bar box.

How to open the JavaScript console in Internet Explorer/Edge

In Internet Explorer and Edge, the JavaScript console is part of the developer tools.

Depending on your computer, the developer tools can be opened by pressing F12. To open developer tools from the menu:

• Open the menu (icon of three points)
• Select Developer tools