Chrome DevTools

Chrome DevTools is a powerful suite of web developer and debugging tools built directly into the Google Chrome browser.

DevTools provides a comprehensive environment for front-end development, debugging, and performance analysis. Use the Elements panel to inspect and modify a page’s DOM and CSS in real-time. The Console executes JavaScript and tracks logs for immediate feedback. For optimization, the Network panel monitors all HTTP requests, showing size and timing data; the Performance panel records and analyzes runtime metrics for frame rate and CPU usage. Developers also leverage the Lighthouse panel to run audits, generating scores and actionable advice for improving page speed and accessibility across five key areas.

https://developer.chrome.com/docs/devtools/