How to capture Javascript console logs

This article explains the way to capture the Javascript console logs to debug the issue while it outputs the data.

Instructions

1. Open the Chrome browser and log into Confluence instance.
2. Open the confluence page for which you want to analyze the javascript errors.
3. Hit the F12 key In the chrome browser.
4. Developer Tools panel opens on your screen, select the Network tab. By default, the Developer Tools will load at the bottom of your screen.
5. Check the Disable Cache option in the Network tab toolbar to prevent caching of resources for this specific page.
   
6. Select the Console tab.
7. Click on the gear icon to open the Console settings.
8. Check the box next to the Preserve log and Log XMLHttpRequests.
9. Click the Clear console button() to clear out any existing logs from the console.
   
   
10. Try to reproduce the issue that you are experiencing while the console is open.
11. Once you have reproduced the issue, right-click anywhere in the console, select Save as, and save the file to your computer.