DEV Community

Abhirup Datta
Abhirup Datta

Posted on

1 1

Some less known features in Chrome Devtools

Here we will be exploring some less known features which I recently came to know about chrome devtools and I thought about sharing them.

[Currently, I am using Chrome 98, to check your version go to chrome://settings/help].

If you come across some more features, please add them in the comments.

  • More devices More devices

 More devices
Chrome gives us ability to add more devices to test our webpage on.
Go to Settings -> Devices -> check/uncheck to add/remove devices.

  • Web accessibilty

Accessibility of a particular element (e.g: h1,p etc.) can be known by clicking on the "Accessibilty" tab on the elements tab.

Web accessibilty

  • Network tab Network tab Preserve Logs - To save requests across page loads, check the Preserve log.

Disable cache - By checking this box, we can more accurately emulate a first-time user's experience, because requests are served from the browser cache on repeat visits.


That's it. Ciao!

AWS Q Developer image

Your AI Code Assistant

Implement features, document your code, or refactor your projects.
Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay