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
官方網址 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
電子郵箱 [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"
    ]
}