Whenever you come across an issue (which we hope is rare!), sometimes our developers need more information, in order to fix it. They need to know what is going on in the backend (where all that code and stuff that looks like gibberish lives). This is where Inspect element comes in.

Note: This process is for Chrome and Firefox users, see this article for Safari.

 

Inspect allows you to see what is going on in the backend, whenever you perform an action in Divvy. What we need you to do, is recreate the issue you found while Inspect is open, and take a screenshot of the error as it happens and include the code.

 

How to Inspect Elements

 

Step 1

Find the spot where you are experiencing an issue and right-click anywhere close to it and select Inspect.  You will then see a slide in either from the side or the bottom of your browser.  

• For Safari browser - from the menu bar at the top, go to Develop > Show Web Inspector

• If Develop is not in the top menu bar, go to Safari > Preferences > Advanced, and check- mark the Show Develop menu in menu bar

 

Go to the Console tab (Illustrated below) and click the Clear Console button. This will clear everything that is in the window and give us a fresh view of the code that follows when you try to recreate the issue.

Clear Console button

 

Step 2

Recreate the issue. Once you do, you should see code populating in the Inspect window. Sometimes the information may be highlighted yellow or red. Take a screenshot of the issue, along with the code that is in the Inspect window, and save it for later.

Inspect window

 

Step 3

Repeat steps 1 and 2 but this time, start at the Network tab instead when you open up the Inspect window.

 Network tab

 

 
The font of the error may highlight in red, when trying to recreate the issue for the Network tab.
 Network tab errors
 
Once you have recreated the issue twice and made screenshots with both the Console and Network data, send the screenshots to the Divvy representative you were working with.