1. Home
  2. Debugging Tools
  3. Chrome DevTools Reviews
  4. User Review of Chrome DevTools
Best tool for Web Development
September 01, 2018

Best tool for Web Development

Miguel Useche | TrustRadius Reviewer
Score 8 out of 10
Vetted Review
Verified User

Overall Satisfaction with Chrome DevTools

It's being used for testing web applications and any work; it's also used to find Chrome only issues. It's used to check how HTML content loads, if all Javascript is being executed, and for finding any media problems, CSS development, etc. All related to web development.
  • It includes a powerful Javascript console to interact to the website to test JS code, add new code, for modifying existing values or functions, etc. You can control all the JS code in the website from there.
  • It has a great tool to check a site's assets loading, to see any loading errors, missing resources, redirections, etc.
  • Their CSS editor is great to add new rules, update existing rules, etc. I like how you can see all applied changes in the website without refreshing the browser.
  • I think the layout is too complex, it should be simpler and easy to use for an average developer.
  • I would like more tools for CSS oriented development like Grid Helpers, Flux containers, CSS animations, etc.
  • I would like a better tool for errors, like telling me what to do if I find a JS problem, CSS problem or a wrong redirection.
  • All positive, the tool is free so there's no need to spend money on it. Every return is positive.
  • A lot, their tools increases productivity due because it helps developers to create and test websites inside the browser.
  • Tools are intuitive so there's no need to invest in education on developers to learn these tools.
Because Chrome is the most popular tool out there, you can guarantee that if your website works for this browser, it will for the majority of people on the Internet. Also, for the same reason, you can find a lot of tutorials and documentation on how to use these tools.

Also, Chrome DevTools include the best support for Javascript development; it has support for all the new updates and standards for this language.

Their CSS tools support preprocessors automatically, so you can see the original source from the browser without installing any additional tools or add-ons.

If you need more features, you can extend DevTools' functionality with add-ons from the Chrome Webstore and increase all the things you can do.
When you find a JS bug in your web application, you can use Chrome to check its console for details, the JS editor to add new JS code or their CSS editor to add new rules to see if that solves your problem. You can do this without altering files and seeing results in real-time, so you don't have to lose time on saving and refreshing.

Also, you can use other tools to see if additional problems exist.