How to collect browser Console and Network logs for troubleshooting issues

  • Updated

In order to get the output from the Network or Console tabs in the Web Inspector users can export each one separately and can also export a .HAR file. Depending on what information you need follow these steps:

Console Output

In a Chrome based browser (Google Chrome, Edge, Brave) you need to:

  • Visit this settings page in the URL text field:chrome://extensions/

  • Click on the Phantom extension 'Details' button.

  • Enable the 'Developer Mode'

  • Click the 'background page' link, a popup window will appear.

  • Visit the 'Network' and 'Console' tab

efe01a80-3013-490b-98fe-1882df39c682.png

You can clear the content that is appearing in this tab in order to get a clean window so only the errors related to the specific issue's reproduction steps are logged. To do this, click 'Clear' button 🚫 before executing the reproduction steps for the issue.

You may see that while you used the extension your Console tab showed several new lines, then you'll only need to copy that and share with support team.

 

2192c5c6-06dc-45d4-960a-3fd20a5791a1.png

 

Network Logs

In a Chrome based browser (Google Chrome, Edge, Brave) you need to:

  • Visit this settings page in the URL text field:chrome://extensions/

  • Click on the Phantom extension 'Details' button.

  • Enable the 'Developer Mode'

  • Click the 'background page' link, a popup window will appear.

  • Visit the 'Network' tab

blobid0.png

In the Network tab, make sure to click the 'All' button and click the 'Clear' button 🚫 before executing the reproduction steps for the issue.

Make sure to also use the clear button 🚫 on the 'Console' tab, before following the reproduction steps. If you see any output in this tab, specially if they are errors, share them with the Support team. Right-click on any of the errors and use the 'Save as…' option to save a .logs file.

If you've cleared the tabs content before following the reproduction steps, you can right-click on any output of the 'Network' tab and click 'Save all as HAR with content', then you can share this file with the Support team for troubleshooting.

 

NOTE:

If the 'Network' or 'Console' tab that was opened form the 'background page' link doesn't show any activity while you are using the Phantom extension, try opening the 'Inspector' or 'Web Inspector' instead by doing a right-click on the extension window itself (any part of the inner window of the extension, e.g. the Swap page) and this new window should show you the network calls that the extension is performing.

If you are using Linux or MacOS you could also right click the upper part of the Window and then click 'Always on Top' so it wont be hidden in case you interact with the browser in a bigger window.

Was this article helpful?

0 out of 1 found this helpful
Can't find what you're looking for?

Start a chat