Chrome DevTools is a set of authoring, debugging, and profiling tools built into Google Chrome.
N/A
ReSharper
Score 10.0 out of 10
N/A
ReSharper is a code analysis and debugging tool available as an extender to Visual Studio. Its features are also present in JetBrain's .NET IDE, Rider.
Chrome DevTools are great for troubleshooting bugs, broken elements on pages, styling issues, responsiveness, identifying performance issues, third-party connections for data privacy, reviewing cookies and local storage, screenshots in different dimensions. Chrome DevTools are for technical users, so you do need to have a decent understanding of some basics like HTML and CSS to get started using them.
ReSharper is the best all-in-one tool for Visual Studio that I have encountered. It contains many features not found in Visual Studio Enterprise, and those features already in Visual Studio provide much better implementations. I would recommend this to all developers, with the only people who will find it a detriment are developers running older, slower machines (due to ReSharper's resource requirements).
As one delves into DevTools, one encounters a gradually steeper learning curve. You can do a lot very quickly, but to fully utilize DevTools takes time as one explores what it can do.
With many new updates, tools and items are moved, and a comfortable workflow becomes a frustrating search. This often happens when following only slightly outdated tutorials on a given feature, even in Google's own documentation.
The experimental flags, settings, and options are scattered about and a little clunky to configure when one has to make changes in multiple places.
While Chrome DevTools are very powerful, it's not the easiest thing to use, as there are so many different tools built in. It takes some exploring to discover all the options possible within DevTools, but with a little exploring, the DevTools become a very powerful asset. Accessing the basic HTML and CSS inspection is very easy though, and that's the most common usage for the DevTools.
ReSharper is very familiar if you already know Visual Studio. JetBrains does have an excellent IDE (Rider); however, since ReSharper is an extension to Visual Studio, you only need to learn what their tools add, not a whole new way of working. I have found the extension's interface to be straightforward, although perhaps due to the massive range of features, navigating the menus is a little time-consuming until your muscle memory kicks in. Maybe a feature search tool would help make usability a 10 out of 10?
I'm not entirely sure what to rate the support for DevTools, because I don't have any experience dealing with official customer support for DevTools. I would guess the primary support for DevTools would be in a Chrome forum. Typically if I have a question or issue, I am able to find an answer from doing a quick Google search. It's pretty widely used, so it's not difficult to find answers.
I find them pretty much the same, they have the same tools except Firefox doesn't provide the lighthouse functionality. I do prefer firefox's dark theme and colour palette. But I use Chrome Dev tools because of the Light house functionality that analyzes the page load and scores the website on desktop and mobile experience.
ReSharper does what it does very well because it operates inside the IDE you are already using. It provides advanced features that function far above and beyond what Visual Studio Professional offers and does not require you to learn another IDE like JetBrain's excellent IDE Rider. My only wish is that ReSharper had a Visual Studio Code plugin!
ReSharper is our go-to tool for file formatting. All of our code process must be formatted correctly, and ReSharper makes that an easy to access keyboard shortcut.
