Chrome DevTools vs. Sentry

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.

Incentivized

Great for standard web application performance monitoring, analytics and error reporting. Shows line level code errors, gives insight into performance issues (plugins, API issues, etc.). Automation and scheduled scanning in production gives client visibility into 'after deployment' value. Also lets a relatively small number of developers keep tabs on a handful of different site/applications without needing a bunch of tools. The UI is pretty complicated and can be overwhelming for new users. Documentation could be better for the learning curve,

Incentivized

• The Elements panel is usually our first port of call to inspect and modify HTML and CSS in real-time.
• The Issues panel helps us to identify and resolve problems like cookie issues etc.
• The console panel allows developers to see the log output created by their website in real-time.
• Lighthouse helps us identify any issues with accessibility

Incentivized

• Great web interface. Lots of data available in a really clean format, with filtering options and more.
• Per-user exception tracking. User is complaining about something being broken? Look up their account ID in Sentry and you can see if they've run into any exceptions (with device information included, of course).
• Source map uploading. Took a little while to figure this out but now we have our deploy script upload sourcemaps to Sentry on each deployment, meaning we get to see stack traces that aren't obfuscated!
• Very generous free tier – 10,000 events per month. We're nowhere near that yet.

Incentivized

• 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.

Incentivized

• Alert Configuration. Would be really helpful to have multiple logical groupings within the "If" section of a single configurable alert.
• Alert Copying. Being able to copy an alert from one project to another would be super beneficial.
• Alert Tags. Better UI around how we select which tags are getting sent with each alert instead of a tiny text box.

Incentivized

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.

Incentivized

Its incredibly versatile, but that leads to complexity for the uninitiated, which can be intimidating. Nevertheless its a well polished product, in our case leading to only using it for a focus on frontend is still more cost effective than buying a one-to-rule-them-all tool...

Incentivized

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.

Incentivized

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.

Incentivized

It is cheaper and offers better support for front-end applications for enterprise large environments with more then 30 scrum teams and hundreds of micro frontend applications. The configuration options, both with the agent and from the user interface, are superior to other tools, and the documentation is also very easy to use.

Incentivized

• 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.

Incentivized

• So it has helped us for quick error resolutions.
• From dashboard we are able to assign errors to particular member and see when its resolved.
• Without customer informing us about errors we know what happened in real time helps in customer service also.

Incentivized