TrustRadius
Best tool for Web DevelopmentIt'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.,8,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.,,NetBeans, LibreOffice, Apache SolrAn ultimate tool for web developer, without it web development is a pain.As our Company has many departments, Chrome DevTools are only being used by the web development teams. We have lot of development teams for different projects we generally use Chrome DevTools for debugging, better analysis of code or when we get stuck somewhere. As per the business problems it let us fix different JavaScript issues and suggests how to optimise the code that is running on the PCs as well as mobile phones.,First is the Debugging capabilities of Chrome DevTool i.e. very impressive you can set the break points where you think error might exist or you can simply go step by step until you encounter the issue. Second the capability of simulating mobile devices with device mode in Chrome DevTools - It is also great feature in which one can see where the network is throttling one can check for responsiveness of the view port on the mobile device. To analyse network performance - Generally it is a great feature to have because it lets us know which file it may be and if it's JS or CSS that is taking time to load or taking more resources then one can focus on them to make it light weight.,As of now I don't have any issue with Chrome DevTool, it is best and improving day by day but if they can they should improve the interface so that switching between different tabs becomes easy.,10,It has all the benefits on can have with a tool and return of investment is also very good in my thoughts, but the exact data in regards to how my organisation invests in it is not available to me.,,Microsoft 365 Business, Microsoft SQL ServerThe Developer Tool for Chrome usersI mainly use Chrome DevTools for making little tweaks to the CSS/HTML of the page and immediately see the result. In other cases, it is also used for debugging and speed tests.,While designing or editing a webpage Chrome DevTools lets you easily make changes to your HTML/CSS and immediately show the result in your Chrome browser. In the console, Chrome DevTools, shows errors inside your page. You can use the console of Chrome DevTools to send Javascript messages, this is a handy tool to try out Javascript functions or to debug. The timeline in Chrome Devtools can be used for optimizing the speed of your website.,There are many functions and this might be hard for starters. User interface could be improved,9,It is a free tool so it is hard to give a negative impact. The positive is that it saves a lot of time, the changes you make are visible in your browser immediately. There is no need to upload your changes to your local or remote server and then refresh your browser. Chrome DevTools is a very good free solution for multiple different use cases.,Firebug and Firefox Developer Tools,Chrome DevTools, Google Search Console, Searchmetrics Suite, Link Research ToolsChrome DevTools, a web developer's best friend.I use Chrome DevTools every day in my current position. It's great for testing my javascript, writing experimental in the console, testing various CSS changes, and occasionally making live edits to local javascript source files. It is being used by the developers in my department who write front-end code. Chrome tools provide us as developers a way to test code and make changes without having to edit the original source code.,DevTools gives you a console for writing javascript code to interact with or change the behavior of the page you are currently working. This is particularly useful when debugging code. CSS edits. The ability to change the style of dom elements and see the effect those changes have in real time without having to switch to your editor, make the changes, and reload the browser window saves a lot of time. Providing a way to set javascript break points so you can see the runtime values of a variable. The network tab is also a life saver for inspecting what assets are being loaded on the page and in what order they load, how long they take to load etc...,It would be nice in the elements panel, if clicking on a node scrolled the screen to that node. On some large pages its easy to get lost in the code and not know where the element you're inspecting resides on the screen. It would be nice if, in addition to the console, there was a panel that behaved more like an editor instead of a command prompt. It may seem trivial but it would be very helpful when writing multi-line functions.,10,One major positive impact that using Chrome DevTools has on business is the ability to test your page on multiple devices, screen sizes, and user agents. You can do a lot of QA testing from chrome and that saves time. Since DevTools is a free product that comes bundled within another free product I don't see any negative impact that derives from its use.,FireBug,Ubuntu Linux, JIRA Software, Redis, Docker, HipChat, Asana
Unspecified
Chrome DevTools
40 Ratings
Score 9.0 out of 101
<a href='https://www.trustradius.com/static/about-trustradius-scoring' target='_blank' rel='nofollow'>trScore algorithm: Learn more.</a>TRScore

Chrome DevTools Reviews

Chrome DevTools
40 Ratings
<a href='https://www.trustradius.com/static/about-trustradius-scoring' target='_blank' rel='nofollow'>trScore algorithm: Learn more.</a>
Score 9.0 out of 101
Show Filters 
Hide Filters 
Filter 40 vetted Chrome DevTools reviews and ratings
Clear all filters
Overall Rating
Reviewer's Company Size
Last Updated
By Topic
Industry
Department
Experience
Job Type
Role
Reviews (1-4 of 4)
  Vendors can't alter or remove reviews. Here's why.
Miguel Useche profile photo
September 01, 2018

Chrome DevTools Review: "Best tool for Web Development"

Score 8 out of 10
Vetted Review
Verified User
Review Source
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.
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.
Read Miguel Useche's full review
Rahul Kumar Singh profile photo
November 12, 2018

Chrome DevTools Review: "An ultimate tool for web developer, without it web development is a pain."

Score 10 out of 10
Vetted Review
Verified User
Review Source
As our Company has many departments, Chrome DevTools are only being used by the web development teams. We have lot of development teams for different projects we generally use Chrome DevTools for debugging, better analysis of code or when we get stuck somewhere. As per the business problems it let us fix different JavaScript issues and suggests how to optimise the code that is running on the PCs as well as mobile phones.
  • First is the Debugging capabilities of Chrome DevTool i.e. very impressive you can set the break points where you think error might exist or you can simply go step by step until you encounter the issue.
  • Second the capability of simulating mobile devices with device mode in Chrome DevTools - It is also great feature in which one can see where the network is throttling one can check for responsiveness of the view port on the mobile device.
  • To analyse network performance - Generally it is a great feature to have because it lets us know which file it may be and if it's JS or CSS that is taking time to load or taking more resources then one can focus on them to make it light weight.
  • As of now I don't have any issue with Chrome DevTool, it is best and improving day by day but if they can they should improve the interface so that switching between different tabs becomes easy.
Chrome DevTools is well-suited for debugging JS errors, for looking on network performance, simulating mobile devices, and remotely debugging mobile web.
Read Rahul Kumar Singh's full review
Christiaan Bollen profile photo
April 12, 2018

Chrome DevTools Review: "The Developer Tool for Chrome users"

Score 9 out of 10
Vetted Review
Verified User
Review Source
I mainly use Chrome DevTools for making little tweaks to the CSS/HTML of the page and immediately see the result. In other cases, it is also used for debugging and speed tests.
  • While designing or editing a webpage Chrome DevTools lets you easily make changes to your HTML/CSS and immediately show the result in your Chrome browser.
  • In the console, Chrome DevTools, shows errors inside your page.
  • You can use the console of Chrome DevTools to send Javascript messages, this is a handy tool to try out Javascript functions or to debug.
  • The timeline in Chrome DevTools can be used for optimizing the speed of your website.
  • There are many functions and this might be hard for starters.
  • User interface could be improved
  • It is a great tool for improving your website.
  • The design with making changes in the HTML/CSS but also your javascript code.
  • Making changes and immediately getting the result in the browser without having to upload anything to a web server.
  • If you are looking for some of the used resources in the website you are viewing there is a handy overview in the sources tab.
Read Christiaan Bollen's full review
No photo available
December 04, 2017

Review: "Chrome DevTools, a web developer's best friend."

Score 10 out of 10
Vetted Review
Verified User
Review Source
I use Chrome DevTools every day in my current position. It's great for testing my javascript, writing experimental in the console, testing various CSS changes, and occasionally making live edits to local javascript source files. It is being used by the developers in my department who write front-end code. Chrome tools provide us as developers a way to test code and make changes without having to edit the original source code.
  • DevTools gives you a console for writing javascript code to interact with or change the behavior of the page you are currently working. This is particularly useful when debugging code.
  • CSS edits. The ability to change the style of dom elements and see the effect those changes have in real time without having to switch to your editor, make the changes, and reload the browser window saves a lot of time.
  • Providing a way to set javascript break points so you can see the runtime values of a variable.
  • The network tab is also a life saver for inspecting what assets are being loaded on the page and in what order they load, how long they take to load etc...
  • It would be nice in the elements panel, if clicking on a node scrolled the screen to that node. On some large pages its easy to get lost in the code and not know where the element you're inspecting resides on the screen.
  • It would be nice if, in addition to the console, there was a panel that behaved more like an editor instead of a command prompt. It may seem trivial but it would be very helpful when writing multi-line functions.
Chrome DevTools are well suited for any front-end project and should be utilized by everyone who does web development. It provides a massive amount of functionality and gives the developer the ability to control the page at a very granular level.
Read this authenticated review

Chrome DevTools Scorecard Summary

About Chrome DevTools

Chrome DevTools is a set of authoring, debugging, and profiling tools built into Google Chrome.
Categories:  Debugging

Chrome DevTools Technical Details

Operating Systems: Unspecified
Mobile Application:No