Browser DevTools
Clicking Save does not update the page. Use browser developer tools to find the evidence instead of guessing from the screen.
Clicking Save does not update the page. Use browser developer tools to find the evidence instead of guessing from the screen.
<button class="primary">Save</button>
.primary { background: #4338ca; }The tools expose evidence: Elements for structure and styles, Console for script errors, Network for requests, and Storage for browser data.
Elements and Console: Elements inspects the current DOM, attributes, and CSS; Console shows script errors, logs, and reproducible runtime information.
Network and Storage: Network inspects requests, status codes, request data, and responses; Storage inspects browser state such as cookies and Web Storage. Choose by symptom, then carry evidence into the fix and retest.
Use the browser developer tools to investigate the failed save. State what you found in Elements, Console, Network, or Storage, especially the save request's status and response. Modify the code only after finding evidence, then send the request again and confirm the page updates.