「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 應用程式