Breakpoint lets you use your keyboard to resize your browser window - one pixel at a time. Therefore it is the perfect companion when you are trying to find the exact pixel where your responsive websites break. How to use These are the default settings, you can change them in 'Window' > 'Extensions', then scroll down to the bottom and to the right you will find 'Keyboard Shortcuts'. Please note: Since Chrome version 29 these are not set by default anymore! You now have to set them manually when you install the extension. Alt + Left Arrow: Decrease the width of the window by 1px Alt + Right Arrow: Increase the width of the window by 1px (Add Shift to any of the combinations to change it by 10px) Breakpoint also has the ability to change the height of the browser window, but you have to manually activate it in 'Window' > 'Extensions' > 'Keyboard Shortcuts'. When you find the break point you are looking for the tiny icon in the toolbar will tell you the exact size of you browser window.
You can Follow the below Step By Step procedure to install the Breakpoint Chrome Extension to your Chrome Web browser.
It is the Breakpoint Chrome extension download link you can download and install Chrome Browser.
Responsive Inspector Reloaded allows inspecting page media queries. Same as original, but it works on modern browsers.
Making responsive design a little bit easier.
This extension displays Chrome’s viewport dimensions when resizing the browser window.
Calculate screen size and resolution.
Viewport detector for bootstrap 3
Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.
Resize the browser window to emulate various screen resolutions.
Interactively see how a website's layout changes responsively
Fast and easy way to test your responsive design in multiple viewports
Test responsive design of any web page with one click. Extension works when you click to extension icon only.