Using Chrome Debugger for enhanced troubleshooting with screenshots

A page in Cargas Energy is loading slowly, not loading at all, and/or displaying errors. What can I provide support to help the initial troubleshooting triage process?

The Chrome Debugger is a tool within the Google Chrome browser that our support team and developers utilize to refine and troubleshoot our code. Providing a couple screenshots from the Debugger can give our team a more detailed insight to potential issues and help the efficiency of the troubleshooting and triage process.

Chrome

There are two tabs in particular from the Debugger that we want to see for a page experiencing errors or performance issues. They are the Console and Network tabs.

1. Open the Chrome Debugger tool. There a few ways to do this listed below:

• • CTRL + SHIFT + J
  • CTRL + SHIFT + I
  • F12
  • Right click -> Inspect

 

2. Once the tool is visible on screen, navigate to the Console tab and refresh the page. This will display errors associated with page. Screenshot the results of this page. 

 

3. Now click the Network tab, you can refresh the page again if you want more recent results. This page displays network requests and and the timeline of those requests. This will show us what is being requested and how long the page is taking to load. Screenshot this page.

 

4. Provide the screenshots from the Chrome Debugger in your support ticket.

---

Note:

• As per our  system requirements, Google Chrome is our supported and recommended browser for Cargas Energy.