Breakpoint
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

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.

2.7 out of 531 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Mehmed KalchevJun 28, 2023

great

Review's profile picture

Jay SyncAug 18, 2019

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

Review's profile picture

Usama YaseenDec 28, 2017

As of 12-28-2017, it's working for me. Had to restart the browser after installation and it worked.

Details

  • Version
    1.0.2
  • Updated
    November 6, 2016
  • Offered by
    Filip Johansson
  • Size
    8.21KiB
  • Languages
    English
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

Viewport Resizer – Responsive Testing Tool

4.2(265)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

Width and Height Display

4.0(34)

This extension displays the inner width and innner height of the screen

Responsive Inspector Reloaded

4.3(13)

Responsive Inspector Reloaded allows inspecting page media queries. Same as original, but it works on modern browsers.

Emmet Re:view

4.4(162)

Fast and easy way to test your responsive design in multiple viewports

Seesponsive

3.0(2)

Interactively see how a website's layout changes responsively

Window Resizer

4.3(2.3K)

Resize the browser window to emulate various screen resolutions.

Screen Size

2.9(15)

Calculate screen size and resolution.

Viewport Detector

4.0(3)

Viewport detector for bootstrap 3

Responswitch

5.0(2)

Test responsive design of any web page with one click. Extension works when you click to extension icon only.

Responsive Window

3.6(9)

Making responsive design a little bit easier.

Breakpoint Sharer

4.0(3)

a breakpoint sharer

Viewport Dimensions

2.8(158)

This extension displays Chrome’s viewport dimensions when resizing the browser window.

Viewport Resizer – Responsive Testing Tool

4.2(265)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

Width and Height Display

4.0(34)

This extension displays the inner width and innner height of the screen

Responsive Inspector Reloaded

4.3(13)

Responsive Inspector Reloaded allows inspecting page media queries. Same as original, but it works on modern browsers.

Emmet Re:view

4.4(162)

Fast and easy way to test your responsive design in multiple viewports

Seesponsive

3.0(2)

Interactively see how a website's layout changes responsively

Window Resizer

4.3(2.3K)

Resize the browser window to emulate various screen resolutions.

Screen Size

2.9(15)

Calculate screen size and resolution.

Viewport Detector

4.0(3)

Viewport detector for bootstrap 3

Google apps