If you want to see the error returned from the server, using web browser developer tools, follow these steps:
- Open your web browser and navigate to the website or web application that you want to inspect.
- Open the Developer Tools by pressing the F12 key (Windows and Linux) or Option + Command + I (Mac).
- Once the Developer Tools are open, click on the Network tab.
- Refresh the page by clicking the refresh button or pressing F5.
- Look for the request that is returning the error. If you don't see any requests, make sure that the filter is set to "All" and not "HTML" or "CSS."
- Click on the request to select it.
- Look at the right-hand panel to see the details of the request and response.
- Look for the Status column in the Network tab to check if there is a server error (such as 404 or 500 error).
- If you see an error, click on the request to open it in the right-hand panel.
- Look for the Response tab to see the response returned by the server. The error message should be displayed in red text, and you can expand the details to see more information.
- If you don't see any errors in the Response tab, check the Headers tab to see if there is any additional information.
- Use the information provided in the Developer Tools to troubleshoot the issue and fix the error.
That's it! With these steps, you should be able to see the error returned from the server in the Network Fetch/XHR tab using web browser developer tools.