PixelParallel by htmlBurger

PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers

什么是PixelParallel by htmlBurger?

PixelParallel by htmlBurger是由htmlBurger开发的Chrome扩展程序,该扩展的主要功能是“PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers”。

扩展截图

screenshot
screenshot
screenshot
screenshot

下载PixelParallel by htmlBurger扩展crx文件

下载PixelParallel by htmlBurger扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        PixelParallel is a completely free, super handy and light HTML vs Design comparison tool for front-end developers that will help you code pixel perfect websites with ease. 

Built from developers to developers, PixelParallel is a tool working in favor of the ultimate precision in front-end coding.

PixelParallel is AD FREE! 

How it works:
1. Simply upload your image and compare the semi-transparent overlay with the web page below. 
2. Customize the opacity, scale and position of the image as you wish. You can also hide it or lock it. 
3. Perform color difference for a strong pixel perfect precision. 
4. Use the vertical and horizontal grids to achieve a pixel perfect web design.

Features:

- Bootstrap grid with customizable width, number of columns, gutter and opacity
- Horizontal lines with customizable space between
- Draggable rulers (Photoshop-like) + Reset option
- Inversion (Color difference) 
- Separate overlays for each web page
- Overlay scaling
- Customizable overlay opacity
- Saving overlays between sessions
- All image sizes supported
- Draggable overlay
- Quick hide / show image
- Shortcuts + customizable keyboard hotkeys
- Works with local files
- Intuitive UI: clean and simple; draggable; minimizable

PixelParallel
No Parallel in Quality 
Powered by htmlBurger

Learn more:
https://htmlburger.com/labs

Follow us at:
https://www.facebook.com/htmlBurgerofficial
https://www.instagram.com/htmlburgerofficial/
https://twitter.com/htmlburger

PixelParallel does not collect any personal data. Uploaded images are saved locally in the browser storage.                    

扩展基本信息

名称 PixelParallel by htmlBurger PixelParallel by htmlBurger
ID iffnoibnepbcloaaagchjonfplimpkob
官方URL https://chromewebstore.google.com/detail/pixelparallel-by-htmlburg/iffnoibnepbcloaaagchjonfplimpkob
简介 PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers
文件大小 223 KB
安装次数 10,000
当前版本 1.2.0
更新时间 2022-12-01
上架时间 2020-06-27
评分 4.79/5 共62次评分
开发者 htmlBurger
电子邮箱 [email protected]
付费类型 free
扩展官网 https://htmlburger.com/labs
帮助页面URL https://github.com/htmlburger/pixelparallel
隐私政策页面URL http://2c-studio.com/privacy-2create-vault
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "PixelParallel by htmlBurger",
    "version": "1.2.0",
    "description": "PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers",
    "icons": {
        "16": "logo-16.png",
        "48": "logo-48.png",
        "128": "logo-128.png"
    },
    "action": {
        "default_icon": "logo-128.png",
        "default_popup": "popup.html"
    },
    "background": {
        "service_worker": "background.js"
    },
    "options_page": "options.html",
    "options_ui": {
        "page": "options.html"
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "match_origin_as_fallback": true,
            "js": [
                "PixelParallel.js"
            ]
        }
    ],
    "permissions": [
        "storage",
        "tabs"
    ],
    "host_permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ]
}