Troubleshooting flow
Use this before making changes or escalating.
Observe
Error, URL, timestamp, user, device, browser, network.
Reproduce
Same action, clean session, alternate browser or network.
Isolate
Browser, user, network, app, API, or backend path.
HAR collection
For login issues, redirects, failed requests, slow pages, API errors.
1. Open DevTools
Press F12 → Network tab.
2. Prepare capture
Enable Preserve log and Disable cache. Clear old entries.
3. Export HAR
Reproduce issue → right-click → Save all as HAR with content.
1. Open Network
Press F12 → Network tab.
2. Persist logs
Enable Persist Logs. Clear previous requests.
3. Save HAR
Reproduce issue → right-click list → Save All As HAR.
1. Enable Develop
Safari Settings → Advanced → Show Develop menu.
2. Open Inspector
Develop → Show Web Inspector → Network.
3. Capture
Reproduce issue. Export HAR if available, or screenshot Network details.
HAR files are sensitive
- May contain cookies, tokens, headers, session IDs, and personal data.
- Share only through approved secure channels.
- Include timestamp, timezone, URL, username/test account, and action taken.
Mobile application debugging
Step-by-step WebView inspection for Android and iOS.
Use a debug-enabled build
The application build must allow WebView inspection.
- Production builds may hide WebViews.
- Confirm with the app team whether the build is debug-enabled.
Enable Android Developer Options
Enable Developer Options and USB debugging.
- Settings → About phone → tap Build number 7 times.
- Settings → Developer options → enable USB debugging.
- Connect using USB and approve the trust prompt.
Open Chrome device inspection
On desktop Chrome, open:
- Enable Discover USB devices.
- Keep the mobile app open.
- Look for the app WebView under the device.
Inspect the WebView
Click inspect next to the WebView.
- Open Network tab.
- Enable Preserve log.
- Clear existing requests.
- Reproduce the mobile issue.
Export or capture evidence
Save the Network capture and details.
- Right-click request list → Save all as HAR with content.
- Screenshot failed request headers and response body.
- Record device, Android, app, WebView version, timestamp, timezone.
Enable Web Inspector on iPhone
Settings → Safari → Advanced → enable Web Inspector.
Connect iPhone to Mac
Use USB, unlock the phone, and tap Trust This Computer.
Enable Safari Develop menu
Safari → Settings → Advanced → Show Develop menu.
Inspect the app WebView
Safari → Develop → select iPhone → select app page/WebView.
- Open Network tab.
- Reproduce the issue.
Capture details
Save screenshots and request details from Safari Web Inspector.
- Capture URL, method, status code, headers, response body.
- Record iPhone model, iOS, app version, network, timestamp, timezone.
Confirm ADB detects the device
Clear old logs
Start log capture
Run capture, reproduce issue, then stop with Ctrl+C.
Package evidence
Share the log with timestamp, app version, Android version, and screen recording.
Device
Model, OS version, app version, browser/WebView version.
Network
Wi-Fi/mobile data, VPN, proxy, private relay, certificate profile.
Issue details
Timestamp, timezone, action, screen recording, error message.
Evidence checklist
Track what has been collected.
0% completed
Image upload
Only image files are accepted. The image is previewed first, then submitted to the server upload endpoint.
Upload screenshot evidence
Use this for screenshots, mobile error captures, certificate errors, or browser error pages.