How to collect network and console logs from your web browser
To investigate unexpected UI behavior in the Quilt platform, users can collect browser console and network logs. These logs help diagnose frontend issues related to JavaScript errors or failed API requests.
Symptoms
- UI behaves unexpectedly (e.g., pages not loading, buttons not working)
- Errors are visible in the browser console
- Network requests fail silently or return non-200 status codes
Likely Causes
- Client-side JavaScript errors
- Network request failures (e.g., CORS, 403s, timeouts)
- Misconfiguration in frontend/backend integration
Actions
- Open your browser's Developer Tools (
F12orCtrl+Shift+I) - Navigate to the Console tab to view errors and warnings
- Switch to the Network tab and reload the page to capture requests
- Reproduce the issue, then right-click within the Network tab and select Save all as HAR
- Download console logs by copying or exporting them as needed
- Submit both files to Quilt support along with a brief description