Allows to place image above page for creating pixel-perfect HTML markup.

Latest Version

Version
0.0.1
Update
March 13, 2014
Size
11.57KiB
Developer
Category
Users
41
Rating
1 ★
Manifest Version
2
Web Store Status
Languages Support
English
русский
See more
Permissions
ActiveTab
See more

Crosspixel Extension

1. Click extension's icon
2. If design.png exists, it will be placed over the page.
3. If there is no design.png file, just drag and drop image onto the page – image will be placed over.
4. To change opacity use left click and right click.
5. To remove image placed over page, click extension's icon.

Image is centered horizontally on a blue translucent background. The width of the superimposed image in pixels displayed in the Developer Tools console. Change the width of the window is conveniently with Developer Tools enabled - in this case in the upper right corner shows the size of the window in pixels.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Crosspixel", "version": "0.0.1", "description": "__MSG_extension_description__", "icons": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" }, "permissions": [ "activeTab" ], "default_locale": "en", "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_icon": { "19": "images/enabled.png" }, "default_title": "__MSG_toggle__" }}
Read more