View webpage layout bounds for developer purpose

Latest Version

Version
1.1
Update
March 21, 2022
Size
6.7KiB
Developer
ansorbit.com
Category
Users
129
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ContextMenus
See more

Layout Bounds Extension

This tool help developer to toggle layout bounds view for the active tab.

- Click on action to enable \"layout bounds view\".
- Click again on action to disable \"layout bounds view\" and see original webpage view.

\"Layout bounds view\" - Classic view of page, Remove all background and show dash borders for all elements on page.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Layout Bounds", "description": "View webpage layout bounds for developer purpose", "version": "1.1", "manifest_version": 3, "icons": { "16": "icon.png", "48": "icon.png", "128": "icon.png" }, "background": { "service_worker": "bg/background.js" }, "content_scripts": [ { "matches": ["*://*/*"], "js": ["content.js"] } ], "action": { "default_title": "Toggle layout bounds", "default_icon": "icon-dev.png" }, "permissions": ["contextMenus"]}
Read more

Similar Extensions

icon

Outline All Elements Extension · Developer Tools 129 0 ★ 31.23KiB

icon

Outliner Extension · Developer Tools 129 3 ★ 15.99KiB

icon

Better Ruler Extension · Developer Tools 129 52 ★ 93.66KiB

icon

Designer Tools Extension · Developer Tools 129 227 ★ 987KiB

icon

Show CSS Outline Style Extension · Developer Tools 129 4 ★ 18.41KiB

icon

Layout Grid for browser Extension · Productivity 129 1 ★ 952KiB

icon

Outliner CSS Extension · Developer Tools 129 11 ★ 13.01KiB

icon

Page Ruler Extension · Developer Tools 129 15 ★ 15.33KiB

icon

Div Highlighter Extension · Developer Tools 129 7 ★ 5.47KiB

icon

Measuremate Extension · Developer Tools 129 42 ★ 797KiB

icon

Splitter: the window layout tool Extension · Productivity 129 1 ★ 122KiB

icon

Outline Chrome Extension Extension · Developer Tools 129 7 ★ 12.84KiB

icon

Layout Debugger Extension · Developer Tools 129 3 ★ 251KiB

icon

Multi Layout Manager Extension · Accessibility 129 24 ★ 16.5KiB

icon

Css Layout Hack Extension · Developer Tools 129 3 ★ 167KiB

icon

CSS Layout Helper Extension · Developer Tools 129 0 ★ 5.12KiB

icon

Dark Mode Toggle Extension · Productivity 129 8 ★ 7.45KiB

icon

Page Grid Ruler Extension · Developer Tools 129 0 ★ 68.01KiB

icon

HTML Hierarchy Visualizer Extension · Developer Tools 129 8 ★ 21.62KiB

icon

Page Ruler Extension · Productivity 129 83 ★ 256KiB

icon

Extension Sync Extension · Productivity 129 7 ★ 569KiB

icon

Display Image List Extension · Accessibility 129 0 ★ 120KiB

icon

Layout Manager Extension · Productivity 129 59 ★ 12.48KiB

icon

TestCase Studio Extension · Developer Tools 129 180 ★ 782KiB

User reviews

icon

Hector Olan (ID: 0000000d1f3b29be) Voted 5 ★ - Updated 03/22/2022 Awesome tool, feels like the Android "Show layout bounds" setting, 5 Stars. If I would be able to see the size in pixels for the Layout Bounds it would be 👌🏼 exquisite.