When comparing Chrome DevTools vs Firebug, the Slant community recommends Chrome DevTools for most people. In the question“What are the best tools for inspecting the DOM?” Chrome DevTools is ranked 1st while Firebug is ranked 2nd. 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.
Ranked in these QuestionsQuestion Ranking
Pros
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.