When comparing Command-Shift-4 vs Chrome DevTools, the Slant community recommends Chrome DevTools for most people. In the question“What are the best tools for measuring web elements in the browser?” Chrome DevTools is ranked 2nd while Command-Shift-4 is ranked 4th. 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 Available natively on any Mac
It's already built in to the OS.
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.