How to Access Your Browser's Developer Console

read
Last updated at:

Overview

The developer console is a tool standard to most modern web browsers which logs page errors and warnings that 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.

Contact Klaviyo Support if you have encountered a technical issue in Klaviyo and include the screenshot from your browser’s developer console.

Open in Chrome

There are a few ways to access the developer console, also known as the JavaScript Console, in Chrome.

From the Chrome menu bar click View > Developer > JavaScript Console to open the developer console.

jsconsole.png

As shown in the screenshot above, the keyboard shortcut for the JavaScript Console is Option + Command + J on a Mac. On Windows, use the keyboard shortcut Command + Shift + J to open the console directly. Keyboard shortcuts are a quick and easy way to open the JavaScript Console when you encounter a technical problem.

You can also navigate to the JavaScript Console by opening the Inspect Element tab of the developer tools. To do so from any standard web page, right-click on the web page within the browser window and select Inspect. From here, select the Console tab to access the JavaScript Console.

consoletab.gif

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.

From the Safari menu bar, click Safari > Preferences and then select the Advanced tab. 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 in two ways:

  1. Click Develop > Show JavaScript Console from the menu bar. The Console tab will be opened automatically. 
    safariconsole.png
  2. 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

With the Firefox browser window open, click on the menu button in the upper right corner. Select Web Developer to open a list of developer tools. From the available options, click Web Console

The keyboard shortcut to open the Web Console in Firefox is Option + Command + K on a Mac or Command + Shift + J on Windows.

ffoxweb.gif

 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.

Note: 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 Console 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. 

 

x
Was this article helpful?
2 out of 2 found this helpful