Co je VisBug?

VisBug je rozšíření Chrome vyvinuté https://visbug.web.app, a jeho hlavní funkcí je „Open source browser design tools“.

Snímky obrazovky rozšíření

Stáhnout soubor CRX rozšíření VisBug

Stáhněte si soubory rozšíření VisBug ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

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**

Základní Informace o Rozšíření

Název	VisBug
ID	cdockenadnadldjbbgcallicgledbeoc
Oficiální URL	https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc
Popis	Open source browser design tools
Velikost souboru	5.35 MB
Počet instalací	187,716
Aktuální Verze	0.3.55
Poslední Aktualizace	2022-10-21
Datum Vydání	2020-06-26
Hodnocení	4.82/5 Celkem 225 Hodnocení
Vývojář	https://visbug.web.app
E-mail	[email protected]
Typ Platby	free
Webové stránky Rozšíření	https://github.com/GoogleChromeLabs/ProjectVisBug
URL Stránky Nápovědy	https://github.com/GoogleChromeLabs/ProjectVisBug/issues
Podporované Jazyky	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" } } } }