Chrome DevTools vs. Wireshark

Chrome DevTools helps us identify areas to address such as optimising website performance, cross-browser compatibility, and responsive design. We use the Coverage and panel to identify any unused code, which can cause slow loading times, together with the Network panel which is crucial for analysing page load performance and optimising resources.

Incentivized

Wireshark is great for enterprise networks with large amounts of data traversing the network that need a way to filter and inspect specific traffic by specific parameters (i.e. destination / source IP address, host, or type). There are use-cases for smaller environments, but the amount of time needed to learn how to effectively use the tool may not be beneficial for home / small office users.

Incentivized

• Provides clear, easy to understand, and actionable intelligence on how the browser is retrieving, parsing and rendering the page.
• Covers a wide gamut of front-end development tasks, from manipulating CSS rules to line-by-line debugging of JavaScript to helpful page and server insights.
• Continuously incorporates new tools and helpful features. With nearly every major Chrome release there is a "What's new" update with at least one or two useful items.

Incentivized

• Capture Network Traffic - This really is the essential functionality of Wireshark as without consistent data capture there is nothing to analyze
• Filtering - We need to often filter for specific data that we are looking for.
• Live Capture as well as offline analysis - This gives us the flexibility to do what we need to do when we need to do it.

Incentivized

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

Incentivized

• It is beginner-friendly as far as installation, but it could use a tutorial.
• Perhaps there is a way to do this already, but I haven't yet seen it. It would be nice if it could be integrated with a network package that could detect network anomalies, fire up an automated packet analysis, and send a report to an administrator.

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

It's very simple and easy to use, although individuals not used to managing and administering networks would take some time to get familiar with it. Once they have mastered use of the application, it's easy to stay knowledgeable about it, iteration after iteration. It is well supported online through an open-source community network of professionals who are helpful in imparting knowledge and in providing assistance.

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 don't believe Wireshark has "true" support as the software is open source. However, there is an active & friendly community around Wireshark that are more than happy to help answer questions. From a comprehensive Wiki and FAQ section on the site to the Ask a Question forum and bug tracker section, there's plenty of support options to make sure your questions and issues are addressed.

Incentivized

Simple and easy setup.

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

[Wireshark] is just the go-to application. It's the tool that is taught with in school and at trade conferences. We have not had a need to even look at other tools. It's free, it had a ton of functionality, and it just works without complaint.

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

• If your systems are not working, then of course it is one of the biggest impact on the business
• Imagine you are not able to send an email because of a network issue. This will definitely become a huge hindrance in your business
• Wireshark helps you with these types of problems and lets your business run smoothly