VisBug
Open source browser design tools
¿Qué es VisBug?
VisBug es una extensión de Chrome desarrollada por https://visbug.web.app, y su función principal es "Open source browser design tools".
Capturas de Pantalla de la Extensión
Descargar Archivo CRX de la Extensión VisBug
Descarga archivos de extensión VisBug en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.
Instrucciones de Uso de la Extensión
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** Información Básica de la Extensión
| Nombre |  VisBug |
| ID | cdockenadnadldjbbgcallicgledbeoc |
| URL Oficial | https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc |
| Descripción | Open source browser design tools |
| Tamaño del Archivo | 5.35 MB |
| Cantidad de Instalaciones | 187,716 |
| Versión Actual | 0.3.55 |
| Última Actualización | 2022-10-21 |
| Fecha de Publicación | 2020-06-26 |
| Calificación | 4.82/5 Total de 225 Calificaciones |
| Desarrollador | https://visbug.web.app |
| Correo electrónico | [email protected] |
| Tipo de Pago | free |
| Sitio Web de la Extensión | https://github.com/GoogleChromeLabs/ProjectVisBug |
| URL de la Página de Ayuda | https://github.com/GoogleChromeLabs/ProjectVisBug/issues |
| Idiomas Soportados | 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"
}
}
}
} | |
