#2.71 / 31 rate

Breakpoint

1,000 users

2016-11-06

Filip Johansson

This extension is being deprecated because it doesn't follow Chrome extension best practices.

Extension Information

5 star

13%

4 star

3 star

2 star

22%

1 star

48%

Supported Languages

Description

The easiest way to find the break points in your responsive web designs.

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.

Reviews

Mehmed Kalchev

great

Jay Sync

it worked pressing ALT+drag until i closed and opened my browser.. and that it stopped working but i managed to come up with a solution extension>keyboard shortcuts>breakpoint i changed the following: Decrease window width by 1px: CTRL+left arrow Decrease window width by 10px: CTRL+SHIFT+left arrow Increase window width by 1px: CTRL+SHIFT+right arrow Increase window width by 10px: CTRL+right arrow it still does not update if you drag the window but with the keyboards shortcuts it works fine