Breakpoint
The easiest way to find the break points in your responsive web designs.
什么是Breakpoint？
Breakpoint是由Filip Johansson开发的Chrome扩展程序，该扩展的主要功能是“The easiest way to find the break points in your responsive web designs.”。
扩展截图
下载Breakpoint扩展crx文件
下载Breakpoint扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
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. 扩展基本信息
| 名称 |  Breakpoint |
| ID | jakokfjpnhpnhilgnlnkaihmkhdfhhmh |
| 官方URL | https://chromewebstore.google.com/detail/breakpoint/jakokfjpnhpnhilgnlnkaihmkhdfhhmh |
| 简介 | The easiest way to find the break points in your responsive web designs. |
| 文件大小 | 8.21 KB |
| 安装次数 | 1,943 |
| 当前版本 | 1.0.2 |
| 更新时间 | 2016-11-06 |
| 上架时间 | 2016-11-06 |
| 评分 | 2.71/5 共31次评分 |
| 开发者 | Filip Johansson |
| 付费类型 | free |
| 支持的语言 | 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": [
" | |
