Pixel Perfect

Make your CSS looks exactly to your design with a image comparasion

Pixel Perfect là gì?

Pixel Perfect là một tiện ích mở rộng Chrome được phát triển bởi hugowebfr, và tính năng chính của nó là "Make your CSS looks exactly to your design with a image comparasion".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot

Tải xuống tệp CRX của tiện ích mở rộng Pixel Perfect

Tải xuống các tệp mở rộng Pixel Perfect dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        Pixel Perfect allow you to compare in real time your design in JPG / PNG with your current integration to fix your CSS.
The must have extensions for web integration and front-end developper
Pixel perfect is an extension for Chrome (maybe firefox in the future)
This extension open a window with a dropzone, then you drag and drop your design and go for Preview
It will open a slider on the current tab to compare the design or mockup to the actual integration                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Pixel Perfect Pixel Perfect
ID llpcibpmbpghnfdfggnnpdfapijaakln
URL Chính Thức https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
Mô tả Make your CSS looks exactly to your design with a image comparasion
Kích Thước Tệp 27.69 KB
Số Lần Cài Đặt 100
Phiên Bản Hiện Tại 1.5
Cập Nhật Lần Cuối 2022-06-03
Ngày Phát Hành 2021-07-22
Đánh Giá 1.00/5 Tổng số 1 Đánh Giá
Nhà Phát Triển hugowebfr
Email [email protected]
Loại Thanh Toán free
URL Trang Trợ Giúp https://hugo-web.fr
Ngôn Ngữ Được Hỗ Trợ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Pixel Perfect",
    "description": "Make your CSS looks exactly to your design with a image comparasion",
    "version": "1.5",
    "manifest_version": 2,
    "permissions": [
        "storage"
    ],
    "browser_action": {
        "default_popup": "popup.html",
        "default_icon": {
            "16": "\/images\/logo16.png",
            "32": "\/images\/logo32.png",
            "48": "\/images\/logo48.png",
            "128": "\/images\/logo128.png"
        }
    },
    "web_accessible_resources": [
        "popup.html"
    ],
    "icons": {
        "16": "\/images\/logo16.png",
        "32": "\/images\/logo32.png",
        "48": "\/images\/logo48.png",
        "128": "\/images\/logo128.png"
    }
}