“VisBug”的产品徽标图片

VisBug

visbug.web.app
精选
4.8(

252 个评分

)
产品视频缩略图
商品媒体 2 屏幕截图

概述

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 星(5 星制)252 个评分

Google 不会核实评价。 详细了解结果和评价。

详情

  • 版本
    0.4.10
  • 上次更新日期
    2024年11月20日
  • 大小
    5.38MiB
  • 语言
    English
  • 开发者
    网站
    电子邮件通知
    argyle@google.com
  • 非交易者
    该开发者尚未将自己标识为交易者。欧盟地区消费者须知:消费者权利可能不适用于您与该开发者达成的合约。

隐私权

该开发者已披露,此产品不会收集或使用您的数据。

该开发者已声明,您的数据:

  • 不会因未获批准的用途出售给第三方
  • 不会为实现与产品核心功能无关的目的而使用或转移
  • 不会为确定信用度或放贷目的而使用或转移

支持

相关

Redux DevTools

4.6(726)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4.2(54)

Analyses any web page for violations of best practices

Motion DevTools

4.5(8)

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

视口调整器:终极设备模拟器和网站测试工具

4.2(277)

使用这款先进的测试和演示工具模拟设备、调整屏幕大小,并轻松完善您的网页设计。

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(298)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(363)

Extract CSS and build beautiful styleguides.

Hoverify

4.1(145)

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

CSS Scan

3.8(84)

快速检查复制CSS计算值

Page Ruler

3.9(83)

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

Dimensions

4.1(454)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4.8(2462)

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

Redux DevTools

4.6(726)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4.2(54)

Analyses any web page for violations of best practices

Motion DevTools

4.5(8)

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

视口调整器:终极设备模拟器和网站测试工具

4.2(277)

使用这款先进的测试和演示工具模拟设备、调整屏幕大小,并轻松完善您的网页设计。

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(298)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(363)

Extract CSS and build beautiful styleguides.

Hoverify

4.1(145)

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

Google 应用