INSPECTA

Inspect and edit CSS visually

Τι είναι το INSPECTA;

Το INSPECTA είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον https://inspecta.design, και η κύρια λειτουργία του είναι "Inspect and edit CSS visually".

Στιγμιότυπα Επέκτασης

screenshot
screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης INSPECTA

Λήψη αρχείων επέκτασης INSPECTA σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        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 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": [
                ""
            ]
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "test.html",
                "index.html",
                "svgs.html",
                "js\/*",
                "css\/*"
            ],
            "matches": [
                ""
            ]
        }
    ]
}