Browser console logs capture errors, warnings, and other diagnostic information that can help Esper Support investigate issues such as webpages not loading, buttons not responding, or unexpected error messages displayed on a webpage.
If Esper Support requests browser console logs, follow the instructions below for your browser.
Google Chrome
Step 1: Open Google Chrome and navigate to the page where you are experiencing the issue.
Step 2: Open developer tools using either method:
- Keyboard: Press Ctrl + Shift + J (Windows) or Command + Option + J (Mac).
- Mouse: Right-click anywhere on the webpage and select Inspect.
Step 3: Select the Console tab.
Step 4: In the Console tab, open console settings and enable the Preserve log option to ensure that log messages are retained even when the page is refreshed or you navigate to another page.
Step 5: Keep developer tools open and reproduce the issue you are experiencing on the webpage so that the relevant error messages are captured.
Step 6: Once the issue has been reproduced, right-click anywhere within the console output and select Save as... to download the console logs to your computer.
Step 7: Share the saved log file with Esper Support.
Microsoft Edge
Microsoft Edge follows the same process as Google Chrome for collecting browser console logs.
Step 1: Open Microsoft Edge and navigate to the affected webpage.
Step 2: Open developer tools by pressing Ctrl + Shift + J (Windows) or Command + Option + J (Mac). Alternatively, right-click anywhere on the webpage and select Inspect.
Step 3: Follow Steps 3–7 under Google Chrome to collect and save the console logs.
Mozilla Firefox
Step 1: Open Mozilla Firefox and navigate to the affected page.
Step 2: Open developer tools by pressing Ctrl + Shift + K (Windows) or Command + Option + K (Mac). Alternatively, right-click anywhere on the webpage and select Inspect.
Step 3: Select the Console tab.
Step 4: Open console settings using the gear icon and enable the Persist Logs option.
Step 5: Reproduce the issue while keeping the console open.
Step 6: Right-click within the console output and select Save all Messages to File to download the console logs to your computer. Alternatively, copy the relevant messages and save them in a text file.
Step 7: Share the saved file with Esper Support.
Safari
Step 1: Open Safari on your Mac.
Step 2: Navigate to Safari > Settings > Advanced.
Step 3: Enable Show features for web developers. In some Safari versions, this option is called Show Develop menu in the menu bar.
Step 4: Navigate to the webpage where you are experiencing the issue.
Step 5: Open Web Inspector using either method:
- Keyboard: Press Command + Option + I.
- Mouse: Right-click anywhere on the webpage and select Inspect Element.
Step 6: Select the Console tab.
Step 7: Enable the Preserve Log option before reproducing the issue.
Step 8: Reproduce the issue while keeping Web Inspector open.
Step 9: Select the relevant console messages, right-click, and choose Save Selected to save them to your computer. Alternatively, copy the messages, paste them into a text editor, and save the file as browser-console-logs.txt.
Step 10: Share the saved file with Esper Support.
Related Article
If Esper Support requests network activity logs, refer to How to Grab a HAR File.
HAR files capture browser network activity, while console logs provide additional information about errors and warnings generated during webpage execution.