Preview and capture webpage UI directly from your browser.
Web UI Preview Extension
1. 목적: 개발자나 퍼블리셔등이 사이트 구축시 빠른 UI를 찾기위한 기능
2. 사용법
- 기본 사용법은 ctrl + 마우스 hover시 모달창 제공(ctrl키를 떼면 창이 닫힘)
- ctrl + 마우스 hover 상태로 마우스를 다른 링크를 선택시 바로 창이 뜬 상태에서 재렌더링
- 모달창 뜬 상태에서 shift키를 누르면 창이 닫히지 않음
- 상단 부분 드래그 할수 있는 기능 제공
- 상단 우측 전체보기, 팝업 닫기 기능
3. 예정
- 차후 업데이트
Read more
2. 사용법
- 기본 사용법은 ctrl + 마우스 hover시 모달창 제공(ctrl키를 떼면 창이 닫힘)
- ctrl + 마우스 hover 상태로 마우스를 다른 링크를 선택시 바로 창이 뜬 상태에서 재렌더링
- 모달창 뜬 상태에서 shift키를 누르면 창이 닫히지 않음
- 상단 부분 드래그 할수 있는 기능 제공
- 상단 우측 전체보기, 팝업 닫기 기능
3. 예정
- 차후 업데이트
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Web UI Preview", "version": "1.1", "description": "Preview and capture webpage UI directly from your browser.", "permissions": [ "activeTab" ], "host_permissions": ["https://*/*", "http://*/*"], "content_scripts": [ { "matches": [""], "js": ["content.js"], "css": ["styles.css"] } ], "icons": { "16": "images/icon_16.png", "48": "images/icon_48.png", "128": "images/icon_128.png" }}
Read more