Breakpoint

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

Breakpoint - Discover Web Design Break Points

Breakpoint is a Chrome extension designed to aid in the discovery of break points in responsive web designs. It enables users to resize their browser window one pixel at a time using keyboard shortcuts, making it an ideal tool for accurately determining layout shifts. It also provides the ability to change the height of the browser window and gives a precise window size.

Download

Extension stats

By: Filip Johansson

Users: 1,000+

Rating: 2.71

(31)

Version: 1.0.2 (Last updated: 2016-11-06)

Creation date: 2016-11-06

Risk impact: Low risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 2

Size: 8.41K

Ranking

# 24,993 ▲ 104

Other rankings

#3395 in Developer Tools ▲ 10 #92 in break keyword 11 ▼ 11 #293 in arrow keyword 4 ▼ 26

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Some users found keyboard shortcuts effective for adjusting window size.
When working, it provides helpful window size reporting for developers.
Users appreciate its functionality when it works.

Cons

Many users reported that the extension does not work reliably.
It fails to update window size when resized, displaying the initial width.
The icon does not show full width measurements due to size constraints.

Most mentioned

Doesn't work
It worked after restarting the browser
Keyboard shortcuts can be used as a workaround

User reviews

great

Mehmed Kalchev, 2023-06-28

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