HTML Interface / CCAC - Gathering Debug Information from Chrome for Xima

Overview

If you come across an issue with Chronicall/ACR in the HTML Interface/CCAC that needs to be escalated to the Xima Support Team or is already well in progress, this is how you can export debug information from Google Chrome for Xima to further investigate.

Steps

1. Open up Chrome and navigate toward the page where you are experiencing an issue or need to gather data on
   • NOTE:  Be careful not to start replicating the issue yet, you want to get the dev tools open before you replicate the issue from beginning to end
2. Open the Developer Tools by clicking the 3 vertical dots at the top-right of Chrome, select More tools > Developer Tools, or simply hit the keyboard shortcut: Ctrl+Shift+I (as in India)
   • The Developer tools panel will open on the right-hand side of the screen by default
     
     
     
     
3. From here, you will select the Network tab which will default to showing all requests from the page you're on
4. If the box for 'Preserve Log' is not selected in the Network section, enable this box is checked to ensure no HAR data is lost between page refreshes
   • NOTE: Development has requested this be selected especially if these logs are to be submitted for a Jira
     • See below for where this selection is:
       
       
       
       
5. Refresh your page with CTRL+R (or F5) which will load new network data
6. Replicate the issue in full
7. To export this data, select the 'Export HAR...' option, which is a downward-facing arrow, as shown below:
   
   
   
   
8. Save the file with a name of your choosing and share it with the appropriate representative at Xima
9. To also grab the console logs, simply switch from the Network tab to the Console tab
10. Right-click anywhere within the Console window and hit 'Save as...' to save it to a LOG file
    
    
    
    
11. Now you should have the files Xima will need to diagnose the problem as you have replicated the HTML issue while these tabs were open