VisBug - Chrome 웹 스토어
VisBug의 상품 로고 이미지

VisBug

visbug.web.app
추천
4.8(

평점 245개

)
동영상 썸네일 항목
항목 미디어 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**

5점 만점에 4.8점평점 245개

Google은 리뷰를 검증하지 않습니다. 검색결과 및 리뷰에 관해 자세히 알아보기

세부정보

  • 버전
    0.4.7
  • 업데이트됨
    2024년 7월 18일
  • 크기
    5.38MiB
  • 언어
    English
  • 개발자
    웹사이트
    이메일
    argyle@google.com
  • 비판매자
    판매자로 식별되지 않은 개발자입니다. 유럽 연합에 거주하는 소비자의 경우, 이 개발자와 체결한 계약에 대해서는 소비자 권리가 적용되지 않을 수 있음을 유의해야 합니다.

개인정보 보호

개발자가 데이터를 수집하거나 사용하지 않겠다고 명시했습니다.

개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다

  • 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
  • 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
  • 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음

지원

관련 항목

Redux DevTools

4.6(715)

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.5(8)

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

뷰포트 리사이저: 궁극의 디바이스 에뮬레이터 및 웹사이트 테스트 도구

4.2(272)

이 최첨단 테스트 및 프레젠테이션 도구로 디바이스를 에뮬레이트하고, 화면 크기를 조정하며, 웹 디자인을 완벽하게 만들어 보세요.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(276)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(351)

Extract CSS and build beautiful styleguides.

Hoverify

4.0(137)

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

CSS Scan

3.9(74)

계산된 CSS를 신속하게 검사, 복사

Page Ruler

3.9(75)

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

Dimensions

4.1(453)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4.9(2.3천)

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

Redux DevTools

4.6(715)

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.5(8)

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

뷰포트 리사이저: 궁극의 디바이스 에뮬레이터 및 웹사이트 테스트 도구

4.2(272)

이 최첨단 테스트 및 프레젠테이션 도구로 디바이스를 에뮬레이트하고, 화면 크기를 조정하며, 웹 디자인을 완벽하게 만들어 보세요.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(276)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(351)

Extract CSS and build beautiful styleguides.

Hoverify

4.0(137)

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

Google 앱