Help Center

Troubleshooting in ZenHub: Gathering Info in the Console/Network Tab

To help our developers understand what’s causing an issue for your specific case, we may ask you to send screenshots of the Console and Network tabs in your browser’s inspector. There are two sets of instructions below: the first for ZenHub webapp and Firefox extension users, and the second for Chrome extension users. 


Please note: we use Chrome in our example, but the process will be very similar for other browsers.  


In this article

1. Webapp & Firefox extension users

    a. Opening the browser's inspector

    b. Console screenshot

    c. Network screenshot

2. Chrome extension users

    a. Opening the browser's inspector

    b. Console screenshot

    c. Opening the extension's inspector

    d. Network screenshot


Webapp (app.zenhub.com) and Firefox extensions users 

1. Open the browser’s inspector

a. Go to the page where the issue is happening.

b. Right-click anywhere on the page.

c. Click on Inspect.



2. Take a screenshot of the Console tab

a. You’ll see several tabs across the top bar of the inspector. Click on Console


Developer Console Tab


b. Take a screenshot of this (the errors will be marked in red). 

If you don’t see any errors or the section is blank, try refreshing the browser page where ZenHub is open, or performing the problematic action again.




3. Take screenshot of the Network tab

a. Click on Network tab in the top bar of the inspector. 

b. Click on the first red error you see.

If you don’t see any errors or the section is blank, ensure the check “preserve log” checkbox near the top of the inspector is checked on. Then try refreshing the browser page where ZenHub is open, or performing the problematic action again.


c. Select the Headers tab from the new section that opens up. 



d. Take a screenshot of this. In particular, we need to see the Response Headers section. 




Chrome extensions users 

1. Open the browser’s inspector

a. Go to the page where the issue is happening.

b. Right-click anywhere on the page.

c. Click on Inspect.



2. Take a screenshot of the Console tab

a. You’ll see several tabs across the top bar of the inspector. Click on Console


Developer Console Tab


b. Take a screenshot of this (the errors will be marked in red). 

If you don’t see any errors or the section is blank, try refreshing the browser page where ZenHub is open, or performing the problematic action again.




3. Open the Extension's inspector

a. In a separate tab, type chrome://extensions  into the search bar of the browser to bring up your extensions. 

b. Ensure developer mode is toggled on (in the top right corner).

c. Go to the ZenHub extension and select background.htmlThe inspector will open in a separate pop-up.



4. Take screenshot of the Network tab

a. Click on Network tab in the top bar of the inspector. 

b. Click on the first red error you see.

If you don’t see any errors or the section is blank, ensure the check “preserve log” checkbox near the top of the inspector is checked on. Then try refreshing the browser page where ZenHub is open, or performing the problematic action again.


c. Select the Headers tab from the new section that opens up. 



d. Take a screenshot of this. In particular, we need to see the Response Headers section. 



That's it! If you have any questions, or need help finding this information, get in touch with us at support@zenhub.com.


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.