When comparing Firefox Developer Tools vs Chrome DevTools, the Slant community recommends Chrome DevTools for most people. In the question“What are the best test automation tools for web apps?” Chrome DevTools is ranked 7th while Firefox Developer Tools is ranked 8th. The most important reason people chose Chrome DevTools is:
Chrome comes with DevTools baked in. So if Chrome is used for development and it fills the need, there's no need for a separate tool.
Specs
Ranked in these QuestionsQuestion Ranking
Pros
Pro Page inspector
Particularly strong with inspecting the new CSS Grid layouts.
Pro Effective for identifying CSS styles in use on an element and testing different styles
Identifying the font in use is one thing Firefox's Developer Tools panel does particularly well, and which Chrome's Developer Tools panel doesn't do.
Pro Debugger
Debugger is useful and informative.
Pro No need for a separate tool
Chrome comes with DevTools baked in. So if Chrome is used for development and it fills the need, there's no need for a separate tool.
Cons
Con Limited to the box model of elements
DevTools only displays measurements of the HTML element's box that means that it can't measure, for example, relative to text's baseline or objects within a canvas element.
Con Does not measure distance between elements
DevTools measure dimensions of HTML elements only.
