Breakpoint

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

What is Breakpoint?

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

Stats

By: Filip Johansson

View on Chrome Web Store

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

Stats date:

Chrome-Stats Rank

# 24021 ▼ 56

Other rankings

#2948 in Developer Tools ▲ 8 #86 in break keyword 11 ▲ 10

Other platforms

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.

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

User reviews summary

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

Useful for web developers
Has keyboard shortcuts for increasing and decreasing window width
Was handy in previous versions

Cons

Stops working after reopening the browser
Doesn't update window size when dragging
Doesn't work with recent Chrome versions
Icon space is too small, showing only first two digits of window size
Doesn't work on some systems like MacOS, PC or Chromium

Most mentioned

It doesn't work
Extension doesn't update window size
Works fine with keyboard shortcuts

Recent 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