Cos'è Breakpoint?

Breakpoint è un'estensione di Chrome sviluppata da Filip Johansson, e la sua funzione principale è "The easiest way to find the break points in your responsive web designs.".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione Breakpoint

Scarica i file di estensione Breakpoint in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

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.

Informazioni di Base sull'Estensione

Nome	Breakpoint
ID	jakokfjpnhpnhilgnlnkaihmkhdfhhmh
URL Ufficiale	https://chromewebstore.google.com/detail/breakpoint/jakokfjpnhpnhilgnlnkaihmkhdfhhmh
Descrizione	The easiest way to find the break points in your responsive web designs.
Dimensione del File	8.21 KB
Conteggio Installazioni	1,943
Versione Corrente	1.0.2
Ultimo Aggiornamento	2016-11-06
Data di Pubblicazione	2016-11-06
Valutazione	2.71/5 Totale 31 Valutazioni
Sviluppatore	Filip Johansson
Tipo di Pagamento	free
Lingue Supportate	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Breakpoint", "version": "1.0.2", "manifest_version": 2, "description": "The easiest way to find the break points in your responsive web designs.", "offline_enabled": true, "icons": { "16": "icons\/icon16.png", "48": "icons\/icon48.png", "128": "icons\/icon128.png" }, "background": { "scripts": [ "src\/bg\/background.js" ], "persistent": true }, "content_scripts": [ { "matches": [ "" ], "js": [ "src\/content\/content.js" ] } ], "browser_action": { "default_icon": "icons\/icon19.png" }, "commands": { "width_minus_1": { "suggested_key": { "default": "Alt+Left" }, "description": "Decrease window width by 1px" }, "width_minus_10": { "suggested_key": { "default": "Alt+Shift+Left" }, "description": "Decrease window width by 10px" }, "width_plus_1": { "suggested_key": { "default": "Alt+Right" }, "description": "Increase window width by 1px" }, "width_plus_10": { "suggested_key": { "default": "Alt+Shift+Right" }, "description": "Increase window width by 10px" }, "height_minus_1": { "description": "Decrease window height by 1px" }, "height_minus_10": { "description": "Decrease window height by 10px" }, "height_plus_1": { "description": "Increase window height by 1px" }, "height_plus_10": { "description": "Increase window height by 10px" } } }