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.”。

擴展截圖

screenshot
screenshot
screenshot

下載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 Breakpoint
ID jakokfjpnhpnhilgnlnkaihmkhdfhhmh
官方網址 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": [
                ""
            ],
            "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"
        }
    }
}