Cos'è VisBug?

VisBug è un'estensione di Chrome sviluppata da https://visbug.web.app, e la sua funzione principale è "Open source browser design tools".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione VisBug

Scarica i file di estensione VisBug in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

Open source web design debug tools built with JavaScript: a FireBug for designers.

- Point, click, move, resize & tinker
- Edit or style any page, in any state, like it's an artboard
- Inspect styles, spacing, distance, accessibility and alignment
- Nitpick layouts & content, in the real end environment, at any device size
- Leverage adobe/sketch skills
- Edit text, replace images
- Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities
- Design while DevTools simulates latency, i18n, media queries, platform constraints, CPUs, screensize, etc
- Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc)
- No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea

Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**

Informazioni di Base sull'Estensione

Nome	VisBug
ID	cdockenadnadldjbbgcallicgledbeoc
URL Ufficiale	https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc
Descrizione	Open source browser design tools
Dimensione del File	5.35 MB
Conteggio Installazioni	187,716
Versione Corrente	0.3.55
Ultimo Aggiornamento	2022-10-21
Data di Pubblicazione	2020-06-26
Valutazione	4.82/5 Totale 225 Valutazioni
Sviluppatore	https://visbug.web.app
Email	[email protected]
Tipo di Pagamento	free
Sito Web dell'Estensione	https://github.com/GoogleChromeLabs/ProjectVisBug
URL della Pagina di Aiuto	https://github.com/GoogleChromeLabs/ProjectVisBug/issues
Lingue Supportate	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "VisBug", "version": "0.3.55", "description": "Open source browser design tools", "manifest_version": 2, "icons": { "128": "icons\/visbug.png" }, "permissions": [ "activeTab", "contextMenus", "storage" ], "background": { "persistent": true, "scripts": [ "visbug.js", "contextmenu\/launcher.js", "contextmenu\/colormode.js", "contextmenu\/colorscheme.js" ] }, "browser_action": { "default_title": "Click or press Alt+Shift+D to launch VisBug", "default_icon": { "128": "icons\/visbug.png" } }, "web_accessible_resources": [ "tuts\/", "toolbar\/" ], "commands": { "_execute_browser_action": { "suggested_key": { "windows": "Alt+Shift+D", "mac": "Alt+Shift+D", "chromeos": "Alt+Shift+D", "linux": "Alt+Shift+D" } } } }