How to access your browser's developer console

read
Last updated at:

You will learn

Learn how to access your browser's developer console, which is a tool standard to most modern web browsers that logs page errors and warnings. The developer console can be helpful for debugging technical issues.

The Klaviyo Support team may request additional information found in your browser's developer console to assist with troubleshooting. If you are asked for a screenshot or log from the developer console, follow the steps below to access this information in your browser of choice.

Open in Chrome

You can access the Chrome Developer Console from the Chrome menu bar:

  1. Open a Chrome window.
  2. From the Chrome menu bar, open the View menu.
  3. Select Developer > JavaScript Console to open the developer console.
    Access the Chrome developer console

You can also navigate to the JavaScript Console by opening the Inspect Element tab of the developer tools:

  1. Open a Chrome window and navigate to any webpage.
  2. Right-click on the web page within the browser window.
  3. Select Inspect.
  4. Navigate to the Console tab.

Alternatively, use the keyboard shortcuts Option + Command + J (Mac) or Command + Shift + J (PC) to open the console directly. 

After you have successfully opened the Console tab, refresh the page or perform the action causing the technical issue and take a full screenshot of the results in the console window.

Open in Safari 

Before you can access the developer console in Safari, you first need to enable the developer menu in your browser’s preferences.

  1. From the Safari menu bar, click Safari > Preferences.
  2. Select the Advanced tab.
  3. From the Advanced tab, click Show Develop menu in menu bar to enable easy access to the developer console.

Once that menu is enabled, you can access the developer console from the menu bar: 

  1. Open a Safari window.
  2. From the menu bar, click Develop > Show JavaScript Console.
    Accessing the Safari developer console

Alternatively, use the keyboard shortcut Option + Command + C to quickly open the console directly. 

After you have successfully opened the Console tab, refresh the page or perform the action causing the technical issue and take a full screenshot of the results in the console window.

Open in Firefox

  1. Open a Firefox browser window open.
  2. Click the menu button in the upper right corner.
  3. Select More Tools.
  4. From the available options, click Web Developer Tools
    Accessing the Firefox developer console

The keyboard shortcut to open the Web Console in Firefox is Option + Command + K (Mac) or Command + Shift + J (PC).

After you have successfully opened the Web Console, refresh the page or perform the action causing the technical issue and take a full screenshot of the results in the console window.

You must use the Web Console, rather than the Browser Console when accessing this information in Firefox. The Browser Console logs warnings and errors across all tabs in your browser window and a screenshot of this console may contain information not relevant to the technical issue you are experiencing.  

Accessing developer consoles in other browsers

Many browsers provide guidance on how to use their own developer tools. If you use a browser not included in the instructions above, we recommend searching your preferred browser’s documentation for more specific instructions. 

Additional resources

x
Was this article helpful?
7 out of 14 found this helpful