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' (Disable this once all steps are completed)
-
Click the 'background page' link, a popup window will appear.
-
Visit the 'Console' tab
There might be some previous warnings or errors, it's better that you 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 (unless you are asked otherwise). To do this, just 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.
This will create a .log file that you'll share with our Support Team.
- Disable 'Developer Mode'
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' (Disable this once all steps are completed)
-
Click the 'background page' link, a popup window will appear.
-
Visit the 'Network' tab
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.
- Disable 'Developer Mode'
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.