Tool for frontend development

Latest Version

Version
1.0
Update
August 20, 2023
Size
17.36KiB
Developer
Category
Users
6
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Frontend Companion Extension

A developer tool for frontend development. This tool allows you to visualise the dimensions of elements, much like the element inspector provided by the chrome devtool. With this extension, you can make changes to elements/components during development and visualise how it affects the dimensions, padding, and margin in real-time.

Feature requests / bug reports can be submitted here: https://github.com/dominiclet/frontend-companion/issues.

Icon: Flaticon.com
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Frontend Companion", "description": "Tool for frontend development", "version": "1.0", "manifest_version": 3, "icons": { "16": "public/wrench-16.png", "32": "public/wrench-32.png", "128": "public/wrench-128.png" }, "permissions": [ "storage" ], "content_scripts": [ { "js": ["content.js"], "matches": [""] } ], "action": { "default_popup": "index.html" }, "background": { "service_worker": "background.js", "type": "module" }}
Read more

Similar Extensions

icon

Tailwind CSS Devtools Extension · Developer Tools 6 7 ★ 857KiB

icon

Web Component DevTools Extension · Developer Tools 6 9 ★ 1.74MiB

icon

Vue force dev Extension · Developer Tools 6 35 ★ 38.0KiB

icon

Gimli Tailwind Extension · Developer Tools 6 33 ★ 151KiB

icon

PixiJS DevTools Extension · Developer Tools 6 7 ★ 318KiB

icon

Konva Dev Tool Extension · Developer Tools 6 1 ★ 487KiB

icon

Module Federation Extension · Developer Tools 6 5 ★ 1.35MiB

icon

VisBug Extension · Developer Tools 6 252 ★ 5.38MiB

icon

Lexical Developer Tools Extension · Developer Tools 6 1 ★ 238KiB

icon

Siemens Web Framework DevTools Extension · Developer Tools 6 1 ★ 634KiB

icon

Web Developer Extension · Developer Tools 6 2829 ★ 574KiB

icon

Anti Anti Debug Extension · Developer Tools 6 24 ★ 15.35KiB

icon

Better Ruler Extension · Developer Tools 6 52 ★ 93.66KiB

icon

Rempl Extension · Developer Tools 6 6 ★ 21.87KiB

icon

REMIX DJ Extension · Developer Tools 6 6 ★ 1.22MiB

icon

Phaser Debugger Extension · Productivity 6 7 ★ 67.89KiB

icon

Shopify Toolbox Extension · Developer Tools 6 10 ★ 38.13KiB

icon

Columns grid Extension · Developer Tools 6 0 ★ 8.02KiB

icon

Download panel Extension · Developer Tools 6 7 ★ 27.05KiB

icon

Recoil Toolkit DevTools Extension · Developer Tools 6 2 ★ 110KiB

icon

signals-devtool Extension · Developer Tools 6 0 ★ 35.75KiB

icon

Web Developer Tool for Chrome Extension · Developer Tools 6 21 ★ 30.89KiB

icon

IT-Tools Extension · Developer Tools 6 146 ★ 4.04MiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 6 87 ★ 816KiB