Browser logs

Logs are a great source of information to help understand component behavior. There may be times when you are asked to provide logs.

Browser console logs  – Useful for error messages and for some additional details in verbose logs

Collecting Browser Console Logs

Before obtaining browsers logs (or console logs) from Chrome or Firefox, enable timestamps on your browser.  This helps synchronize client and server timings.

Enabling timestamps and preserving logs upon navigation

Using Chrome

1. From the menu bar click View > Developer > Developer Tools.
2. Click the Customize and control Dev Tools button (3 vertical dots)
3. Click Settings
4. Under Preferences > Console tick the following check boxes:
   
   
   1. Log XML HTTPRequests
   1. Show timestamps
   1. Preserve log upon navigation 

Using Firefox

1. From the menu bar click Tools > Web Developer > Toggle Tools 
2. Click Customize Developer Tools and Get Help
3. Click Settings (The cog button)
4. Tick the following check boxes:
   1. Enable timestamps

To collect console logs on Chrome or Firefox

1. Open the Developer Tools
2. Perform the steps of the scenario to capture.
3. Depending on your browser:
   1. Right click > Save as (notepad text file).
   1. Right Click > Select All, Right click > Copy.
      1. Paste that into a text file.
4. Send the text file or report the same through customer support contacts.