If you are an RWD (Responsive Web Design) developer, this Responsive Inspector is one of the best tools I came across to inspect media queries. If you deal with media queries daily and test your website in various resolutions and grab the snapshot, etc., then Responsive Inspector will do your job very quickly.
Switching between different resolutions min-width or max-width you set in your media queries specified in CSS stylesheets and quickly looking at the CSS you wrote for those particular media queries, taking a snapshot in any resolution, etc. are all possible with this excellent tiny Google Chrome extension, which is still in beta so giving feedback to the developers would always help them to bring the best RWD tool for you.
The following are a few features of this tool:
- Pixel perfect browser resizing to any resolution
- Taking and saving whole page screenshots
- CSS media query code viewing
- Sharing your responsive web design layout on Behance.net service as Work In Progress
So download the Responsive Inspector Google Chrome extension and test your RWD layout. Piotr and Filip developed this tool from Adobe and a great UI/UX designers.