VisBug
Imagen del logotipo del elemento para VisBug

VisBug

visbug.web.app
Destacado
4,8(

233 valoraciones

)
Miniatura del vídeo del elemento
Elemento multimedia: captura de pantalla (2)

Descripción general

Open source browser design tools

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

4,8 de 5233 valoraciones

Google no verifica las reseñas. Obtén más información sobre los resultados y las reseñas.

Imagen de perfil de la reseña

Andrew Alexander Hernández vidaurre10 jun 2024

AYUDA TIENE UN ERROR Y NO SE ME QUIERE SALIR

Imagen de perfil de la reseña

Tomi12 may 2024

Es la mejor extensión que encontré hasta el momento, no puedo explicar la cantidad de tiempo que gano gracias a esta extensión

Imagen de perfil de la reseña

Ferran Buireu13 jul 2022

No sabes que la necesitas hasta que la pruebas. Permite reordenar y cambiar todo el DOM en unos simples clicks. Super bonita y fácil de usar por la complejidad que tiene.

A 4 de 5 les ha parecido útil

Detalles

  • Versión
    0.4.5
  • Actualizado
    14 de junio de 2024
  • Tamaño
    5.38MiB
  • Idiomas
    English
  • Desarrollador
    Sitio web
    Correo electrónico
    argyle@google.com
  • No operador
    Este desarrollador no se ha identificado como operador. Los consumidores residentes en la Unión Europea deben tener en cuenta que los derechos de los consumidores no son aplicables a los contratos que suscriban con este desarrollador.

Privacidad

El desarrollador ha comunicado que no recogerá ni usará tus datos.

Este desarrollador declara que tus datos:

  • No se venden a terceros, excepto en los casos de uso aprobados
  • No se usan ni se transfieren para fines no relacionados con la función principal del elemento.
  • No se usan ni se transfieren para determinar la situación crediticia ni para ofrecer préstamos.

Ayuda

Relacionados

Redux DevTools

4,6(704)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4,2(52)

Analyses any web page for violations of best practices

Motion DevTools

4,4(7)

Inspect, edit and export animations made with CSS and Motion One.

Viewport Resizer: Emulador de dispositivos y herramienta de prueba

4,2(266)

Emula dispositivos, cambia el tamaño de las pantallas y perfecciona tu diseño web sin esfuerzo con esta herramienta de prueba y…

HTML to Figma - by Builder.io

4,3(46)

Import a web page to Figma layers

Responsive Viewer

4,4(260)

Show multiple screens once, Responsive design tester

CSS Peeper

4,6(348)

Extract CSS and build beautiful styleguides.

Hoverify

4,1(132)

All-in-one browser extension to improve your web dev experience.

CSS Scan

3,9(71)

Inspeccionar rápidamente y copiar CSS computado

Page Ruler

3,9(69)

Measure page elements size in pixel with an easy-to-use ruler.

Dimensions

4,1(451)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4,9(2,1 mil)

Get one personalized feed for all the knowledge you need as a developer.

Redux DevTools

4,6(704)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4,2(52)

Analyses any web page for violations of best practices

Motion DevTools

4,4(7)

Inspect, edit and export animations made with CSS and Motion One.

Viewport Resizer: Emulador de dispositivos y herramienta de prueba

4,2(266)

Emula dispositivos, cambia el tamaño de las pantallas y perfecciona tu diseño web sin esfuerzo con esta herramienta de prueba y…

HTML to Figma - by Builder.io

4,3(46)

Import a web page to Figma layers

Responsive Viewer

4,4(260)

Show multiple screens once, Responsive design tester

CSS Peeper

4,6(348)

Extract CSS and build beautiful styleguides.

Hoverify

4,1(132)

All-in-one browser extension to improve your web dev experience.

Aplicaciones de Google