INSPECTA
Inspect and edit CSS visually
INSPECTA란 무엇입니까?
INSPECTA은(는) https://inspecta.design에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Inspect and edit CSS visually"입니다.
확장 프로그램 스크린샷
INSPECTA 확장 프로그램 CRX 파일 다운로드
크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.
확장 프로그램 사용 설명서
Inspecta is a powerful Chrome extension designed to streamline the visual quality assurance (VQA) process for web designers. With Inspecta Chrome extension, designers can effortlessly inspect the live implementation of web pages, identify UI bugs, and make real-time adjustments to element properties to ensure alignment with the original design. Key features: Visual Inspection: Designers can visually inspect the live web page, allowing for quick identification of discrepancies between the implemented design and the original design mockup. Real-Time Editing: Inspecta enables designers to edit and update element properties directly within the browser, facilitating rapid adjustments to achieve pixel-perfect accuracy. Inage overlay: Designers have the option to upload or copy and paste their original design images from Figma as overlays. This feature provides pixel-perfect accuracy by allowing designers to compare the live web page with the original design side by side. CSS Export: Once adjustments are made, designers can export and share the relevant CSS changes with developers, ensuring seamless collaboration and implementation of design updates. With Inspecta, designers can significantly streamline their QA process, saving time and effort while ensuring consistent visual fidelity between design mockups and live web page implementations.
확장 프로그램 기본 정보
이름 | INSPECTA |
ID | pjcfmgokdbdffkcldahbehpemeejglhh |
공식 URL | https://chromewebstore.google.com/detail/inspecta/pjcfmgokdbdffkcldahbehpemeejglhh |
설명 | Inspect and edit CSS visually |
파일 크기 | 165 KB |
설치 횟수 | 254 |
현재 버전 | 0.0.8 |
최근 업데이트 | 2024-03-07 |
출시 날짜 | 2023-07-13 |
평점 | 5.00/5 총 1 개의 평점 |
개발자 | https://inspecta.design |
이메일 | [email protected] |
결제 유형 | free |
확장 프로그램 웹 사이트 | http://www.inspecta.design |
지원되는 언어 | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "INSPECTA", "description": "Inspect and edit CSS visually", "version": "0.0.8", "icons": { "16": "logo\/logo-16.png", "32": "logo\/logo-32.png", "48": "logo\/logo-48.png", "128": "logo\/logo-128.png" }, "options_page": "settings\/settings.html", "action": { "default_title": "Inspecta" }, "permissions": [ "activeTab", "storage" ], "background": { "service_worker": "service-worker.js" }, "content_scripts": [ { "js": [ "js\/utils.js", "js\/cssgenerator.js", "js\/colorpicker\/codemirror-colorpicker.min.js", "js\/bottombar.js", "js\/changes.js", "js\/properties.js", "js\/main.js", "js\/overview.js", "js\/rulers\/ruler.js", "js\/rulers\/RulersGuides.js", "js\/rulers\/Event.js", "js\/rulers\/Dragdrop.js", "js\/overlay\/overlay.js" ], "css": [ "css\/codemirror-colorpicker.css" ], "matches": [ " |