Open the dev tools:
- Click on the options button in the browser.
- Select more tools.
- Select developer tools.
Navigating the dev tools:
- At the top of the dev tools is a tab bar.
- If the tab you’re looking for is not displayed, click the double arrows to the right.
Console tab:
- The console tab is where application errors can be found.
- When providing a screenshot of console errors, be sure to select only “Errors” from the levels dropdown.
- Now, you can take a screenshot with the error logs.
Network tab:
- The network tab is where network errors can be found.
- At the top of the tab, click the filter icon, which is the third from the left.
- Make sure to select the “Fetch/XHR” option.
- Below is a table of network logs. Sort the “Status” column so the arrow is up.
- Now with the error logs at the top, you can take a meaningful screenshot.