INSPECTA

Inspect and edit CSS visually

Qu'est-ce que INSPECTA ?

INSPECTA est une extension Chrome développée par https://inspecta.design, et sa fonction principale est "Inspect and edit CSS visually".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension INSPECTA

Téléchargez les fichiers d'extension INSPECTA au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom INSPECTA INSPECTA
ID pjcfmgokdbdffkcldahbehpemeejglhh
URL Officiel https://chromewebstore.google.com/detail/inspecta/pjcfmgokdbdffkcldahbehpemeejglhh
Description Inspect and edit CSS visually
Taille du Fichier 165 KB
Nombre d'Installations 254
Version Actuelle 0.0.8
Dernière Mise à Jour 2024-03-07
Date de Publication 2023-07-13
Évaluation 5.00/5 Total 1 Évaluations
Développeur https://inspecta.design
Email [email protected]
Type de Paiement free
Site Web de l'Extension http://www.inspecta.design
Langues Prises en Charge 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": [
                ""
            ]
        }
    ]
}