There are certain issues that we are unable to detect from our side. In this case, the underlying problems can be detected in the browser’s logs locally.
When our Customer Service Representatives ask for console logs or other informations, by using this guide, you can send us the required data and speed up our troubleshooting process.
Web developers log messages for 2 general reasons:
- Making sure that code is executing in the right order.
- Inspecting the values of variables at a certain moment in time.
These logs can be found in the Console panel or certain issues can be detected in the Network panel.
Accessing logs in Google Chrome:
Open Console by using a keyboard shortcut
Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel.
Open DevTools from Chrome’s main menu
Click Customize and control Google Chrome and then select More Tools > Developer Tools.
Accessing logs in Mozilla Firefox:
You can open the Browser Console in one of two ways:
- from the menu: select “Browser Console” from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on macOS)
- from the keyboard: press Ctrl+Shift+J (or Cmd+Shift+J on a Mac).
Keep in mind that we recommend using Google Chrome‘s latest version.
Exporting the log’s content to a .txt file
After opening the console,
- click in the contents of the panel and press Shift + A,
- by pressing this keyboard shortcut, all the console’s content will be highlighted.
Now we need this content copied to our clipboard, which can be achieved by
- pressing CTRL + C or
- right click on the highlighted area and clicking on the “Copy” option.
Open a text editor (whichever is installed on your computer) and paste the copied console content into it by
- pressing CTRL + V or
- right clicking and clicking “Paste”.