Design Overlay

This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.

Design Overlayとは何ですか?

Design Overlayはnickdeakin83によって開発されたChromeの拡張機能で、その主な機能は「This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

Design Overlay拡張機能のCRXファイルをダウンロード

Design Overlay拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        Developing a website by eyeballing the page and design?
Tired of screenshotting your page and overlaying it in photoshop to check its pixel perfect?
Pffft!
Just add the png of the site to this extension, and switch it on! The design will be overlayed on your page with half opacity. Now you can be pixel perfect, and your designers wont have to slap you any longer!                    

拡張機能の基本情報

名前 Design Overlay Design Overlay
ID mdkocgkfcdilceogdfekcacmpjpopdma
公式URL https://chrome.google.com/webstore/detail/design-overlay/mdkocgkfcdilceogdfekcacmpjpopdma
説明 This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.
ファイルサイズ 17.41 KB
インストール数 36
現在のバージョン 0.0.0.3
最終更新日 2021-02-04
公開日 2021-01-28
評価 5.00/5 合計 1 レビュー
開発者 nickdeakin83
Eメール [email protected]
支払い方法 free
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Design Overlay",
    "description": "This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.",
    "version": "0.0.0.3",
    "icons": {
        "16": "\/images\/image_16.png",
        "32": "\/images\/image_32.png",
        "48": "\/images\/image_64.png",
        "128": "\/images\/image_128.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "browser_action": {
        "default_title": "Right click and select an image in options!"
    },
    "options_page": "options.html",
    "permissions": [
        "activeTab",
        "storage"
    ]
}