Visual Inspector(前端重构+视觉走查辅助工具) i

설명 :

OffiDocs Chromium 온라인을 사용하여 Chrome 온라인 웹 스토어 확장 프로그램 Visual Inspector(前端重构+视觉走查辅助工具)를 실행하세요.

## Visual Inspector > 프런트 엔드 엔지니어와 디자이너가 디자인 모형과 웹 페이지 간의 차이점을 빠르게 찾을 수 있도록 도와주는 크롬 플러그인입니다.

프론트엔드 엔지니어의 UI 자체 점검은 물론 디자이너와의 커뮤니케이션 비용도 절감됩니다.

> 디자인 원고의 `크기`, `위치`, `투명도`, `믹스 모드`를 마음대로 수정하여 다양한 디자인 스타일의 UI 비교를 용이하게 할 수 있습니다.

> 페이지 리팩토링을 하는 경우 실시간 기능은 페이지를 새로 고친 후 페이지를 새로 고치기 전 상태(크기, 위치, 투명도 등)로 쉽게 복원할 수 있습니다.

디자인 초안).

> 동시에 스트레치 디자인을 이동할 필요가 없는 경우 디자인이 더 이상 마우스 이벤트에 반응하지 않고 스트레치 및 드래그가 불가능하며 인터랙티브에 영향을 미치지 않도록 고정 기능을 여는 것이 좋습니다. 페이지 자체의 기능.

> 자주 사용하는 명령에 대한 사전 설정 단축키로 더 쉽게 조작하고 비교할 수 있습니다. ### 새로운 버전(1.

3.

9+) 눈금자를 제거했습니다.

이 기능이 필요한 분들은 [더 나은 눈금자](https://chrome.ru)와 같은 눈금자를 설치하시기 바랍니다.

구글.

com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie), 스냅 요소를 지원합니다.

### 단축키: - h: 모형 표시 또는 숨기기 - f: 하단 도구 모음 표시 또는 숨기기 - d: 모형 고정 또는 고정 해제 - 숫자 키(0-9): 모형 투명도를 빠르게 설정합니다.

예를 들어 5초에 1를 두 번 누르면 모형의 투명도가 55%로 설정됩니다.

1처럼 5초에 한 번씩 숫자키만 누르면 0초 뒤에 자동으로 50이 채워지는데, 즉 모형 투명도가 XNUMX%로 설정된다.

- 화살표 키: 모형을 이동하며 한 번에 1px씩 이동합니다.

Shift 키를 동시에 누르면 10px씩 이동하게 됩니다.

- 빠른 적응: - alt + 0: 재설정 - alt + 1: 원본 이미지 크기 - alt + 2: 원본 크기 *2 - alt + 3: 원본 크기 /2 - alt + 4: 창 너비 - 바로가기가 작동하지 않는 경우 , 현재 페이지의 포커스가 다른 양식 컨트롤(예: 입력, 텍스트 영역) 내부에 있는지 확인하세요.

.

.

)? 가장 쉬운 방법은 모형을 클릭하거나 페이지의 빈 영역을 클릭하고 다시 시도하는 것입니다 :)

추가 정보 :

- 폴 제공
- 평균 평점: 별 4.5개(좋아요)
-개발자 이 이메일 주소는 스팸봇으로부터 보호됩니다. 당신은 자바 스크립트를 활성화해야합니다.

OffiDocs Chromium 온라인과 통합된 Visual Inspector(前端重构+视觉走查辅助工具) 웹 확장 프로그램