Design pixel perfect layouts. Quickly turn any page into an X-ray.

Latest Version

Version
0.5
Update
June 11, 2021
Size
9.42KiB
Developer
Category
Users
13
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Block Frames Extension

The extension will make it easier for you to see the content edges and will help you design pixel-perfect layouts.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Block Frames", "version": "0.5", "description": "Design pixel perfect layouts. Quickly turn any page into an X-ray.", "browser_action": { "default_title": "Block Frames" }, "icons": { "16": "assets/icon_16_active.png", "48": "assets/icon_48_active.png", "128": "assets/icon_128.png" }, "content_scripts": [ { "run_at": "document_end", "matches": ["*://*/*"], "js": ["./src/foreground.js"] } ], "background": { "page": "background.html" }, "permissions": ["storage"]}
Read more

Similar Extensions

icon

Hide Scrollbar Extension · Fun 13 68 ★ 4.55KiB

icon

HTML5 Outliner Extension · Productivity 13 262 ★ 25.23KiB

icon

Dimensions Extension · Productivity 13 2 ★ 153KiB

icon

Show All Padding & Margins Extension · Developer Tools 13 1 ★ 23.17KiB

icon

PixGrid Ruler Extension · Productivity 13 14 ★ 476KiB

icon

Widescreen Browsing Extension · Productivity 13 9 ★ 18.27KiB

icon

HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design) Extension · Productivity 13 9 ★ 9.59MiB

icon

Page Ruler Extension · Productivity 13 83 ★ 256KiB

icon

PixelSharp Extension · Developer Tools 13 9 ★ 4.18KiB

icon

QuickFlip Extension · Productivity 13 4 ★ 15.26KiB

icon

Unblur Extension · Developer Tools 13 7 ★ 15.13KiB

icon

Guide lines Extension · Developer Tools 13 3 ★ 9.17KiB

icon

Measure-it Extension · Developer Tools 13 40 ★ 15.63KiB

icon

Autoscroll : Automatic Page Scrolling Extension · Productivity 13 9 ★ 117KiB

icon

Minimal YouTube Homepage Extension · Productivity 13 17 ★ 10.33KiB

icon

GitHub Isometric Contributions Extension · Developer Tools 13 102 ★ 101KiB

icon

Measure Pixel Extension · Developer Tools 13 0 ★ 27.4KiB

icon

Scroll Progress Bar Extension · Productivity 13 2 ★ 1020KiB

icon

Pixelate Extension · Productivity 13 5 ★ 8.63KiB

icon

Better Canvas Grades Extension · Productivity 13 3 ★ 71.16KiB

icon

FOX copypage Extension · Productivity 13 0 ★ 12.04KiB

icon

BC Maximizer Extension · Productivity 13 4 ★ 11.3KiB

icon

Tailwind Color Picker Extension · Developer Tools 13 6 ★ 345KiB

icon

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 13 605 ★ 732KiB

User reviews

icon

STROM EAGLE (ID: 000000d8801ee007) Voted 5 ★ - Updated 05/28/2023 Its been really easy to turn the page into an x-ray to find out potential layout issues without using the other hacks.