View and Save Console Logs

In this article, you will learn how to open your browser’s developer console and save your console logs.

In some instances when you report an issue in Happeo to our support team, they will request you to send your browser’s console logs to see how your browser is interacting with Happeo. This article aims to guide you through this process.

Microsoft Edge

1. To open the developer console when you are viewing the webpage you are having issues with, you can right-click and select Inspect
1. Alternatively, you can hit the keys:
1. Windows and Linux: Control + Shift + C
2. Mac: Command + Option + C
2. Click on the Console tab
3. Take a screenshot of your console logs (make sure to take screenshots of the entire log; you can scroll through the log and take multiple screenshots)

Mozilla Firefox

1. To open the developer console, click on the 3 horizontal lines in the top right corner
2. Select Web Developer
3. Select Web Developer Tools
1. Alternatively, you can right-click on the webpage you are experiencing issues and click on 'Inspect
2. Another alternative is to hit the keys:
1. Windows and Linux: Control + Shift + J
2. Mac: Command + Shift + J
4. Select Console from the menu
5. Take a screenshot of your console logs (make sure to take screenshots of the entire log; you can scroll through the log and take multiple screenshots)

Google Chrome

1. To open the developer console when you are viewing the webpage you are having issues with, you can right-click and select Inspect
1. Alternatively, you can hit the keys:
1. Windows and Linux: Control + Shift + C
2. Mac: Command + Option + C
2. Click on the Console tab
3. Take a screenshot of your console logs (make sure to take screenshots of the entire log; you can scroll through the log and take multiple screenshots)

Safari

Right-clicking on the webpage

1. One of the ways to open the developer console when you are viewing a webpage with an ongoing issue is by right-clicking anywhere on the webpage
2. Select Inspect Element

Keyboard shortcut

1. Windows and Linux: Control + Shift + C
2. Mac: Command + Option + C

Alternative options to open your browser’s developer console can be found below. 

If the Develop menu is not visible in your browser menu bar 

1. When you are viewing the webpage with the issue, click on Safari at the top corner of the browser
2. In the drop-down menu, click on Preferences which will open a pop-up window
3. Click on Advanced
4. Tick the last option called Show Develop menu in menu bar
5. Follow the steps as listed in the next section

If the Develop menu is visible in your browser menu bar

1. Select the Develop menu in the browser menu bar
2. Select Show Web Inspector

Saving your console logs after opening the developer console

1. Click on Console
2. Take a screenshot of your console logs (make sure to take screenshots of the entire log; you can scroll through the log and take multiple screenshots)