INSPECTA

Inspect and edit CSS visually

INSPECTA là gì?

INSPECTA là một tiện ích mở rộng Chrome được phát triển bởi https://inspecta.design, và tính năng chính của nó là "Inspect and edit CSS visually".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng INSPECTA

Tải xuống các tệp mở rộng INSPECTA dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên INSPECTA INSPECTA
ID pjcfmgokdbdffkcldahbehpemeejglhh
URL Chính Thức https://chromewebstore.google.com/detail/inspecta/pjcfmgokdbdffkcldahbehpemeejglhh
Mô tả Inspect and edit CSS visually
Kích Thước Tệp 165 KB
Số Lần Cài Đặt 254
Phiên Bản Hiện Tại 0.0.8
Cập Nhật Lần Cuối 2024-03-07
Ngày Phát Hành 2023-07-13
Đánh Giá 5.00/5 Tổng số 1 Đánh Giá
Nhà Phát Triển https://inspecta.design
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng http://www.inspecta.design
Ngôn Ngữ Được Hỗ Trợ 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": [
                ""
            ]
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "test.html",
                "index.html",
                "svgs.html",
                "js\/*",
                "css\/*"
            ],
            "matches": [
                ""
            ]
        }
    ]
}