Check your site's responsive layouts and performance on real devices.
Run snippets of code from any page
Snippets are small scripts that you can author and execute within the Sources panel of Chrome DevTools. You can access and run them from any page. When you run a snippet, it executes from the context of the currently open page.
Debug Obfuscated Code
Use server-side or build processes to automatically compress your code, then use Source Maps or DevTools' prettifier to debug it effectively.
Debug Progressive Web Apps
Use the Application panel to inspect, modify, and debug web app manifests, service workers, and service worker caches.
Debug with Breakpoints
Understand security issues
Use the Security Panel to ensure that all resources on your site are protected with HTTPS.
Using the Console
The Chrome DevTools Console panel is your focal point for direct interaction with a page in real time.
Interact from Command Line
The console is a full-fledged terminal you can use to interact with your page during development.
Watch variables in Sources
Chrome DevTools allows you to easily see multiple variables throughout your application.