Photon Redlines

Show UI Redlines for Bootstrap 3 pages by Photon

Photon Redlines란 무엇입니까?

Photon Redlines은(는) Mohd. Sheriff에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Show UI Redlines for Bootstrap 3 pages by Photon"입니다.

확장 프로그램 스크린샷

screenshot

Photon Redlines 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        Toggle view of grid-lines and add-guidelines for Bootstrap 3 pages.  Open any page with Bootstrap 3 included and click Photon Redlines to show the grid and add guidelines.

+ To add guidelines, click and drag horizontally or vertically and you will see the guideline appearing.  Release drag to place them comfortable.
+ To calculate distance values between two guidelines, place the first guideline and drag the second in the same direction.
+ Once you place the second guideline, its distance (horizontally or vertically, in pixels) will be added.
+ Double click to clear all guidelines and distance values.
+ Click Photon Redlines again to hide the grid-lines and guide-lines.                    

확장 프로그램 기본 정보

이름 Photon Redlines Photon Redlines
ID jecibojeknlmmaihekokjignljgapgek
공식 URL https://chrome.google.com/webstore/detail/photon-redlines/jecibojeknlmmaihekokjignljgapgek
설명 Show UI Redlines for Bootstrap 3 pages by Photon
파일 크기 92.97 KB
설치 횟수 248
현재 버전 1.1.0
최근 업데이트 2014-07-07
출시 날짜 2014-07-07
평점 5.00/5 총 2 개의 평점
개발자 Mohd. Sheriff
결제 유형 free
지원되는 언어 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Photon Redlines",
    "description": "Show UI Redlines for Bootstrap 3 pages by Photon",
    "version": "1.1.0",
    "manifest_version": 2,
    "icons": {
        "16": "icons\/16x16.png",
        "48": "icons\/48x48.png",
        "128": "icons\/128x128.png"
    },
    "permissions": [
        "tabs"
    ],
    "browser_action": {
        "default_icon": {
            "19": "icons\/19x19.png",
            "38": "icons\/38x38.png"
        },
        "default_title": "Show UI Redlines by Photon"
    },
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "css": [
                "css\/redlines.css"
            ],
            "js": [
                "js\/jquery.js",
                "js\/content.js"
            ]
        }
    ]
}