Find elements diff

Take screenshots of elements and compare images

Qu'est-ce que Find elements diff ?

Find elements diff est une extension Chrome développée par https://find-elements-diff.com, et sa fonction principale est "Take screenshots of elements and compare images".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Find elements diff

Téléchargez les fichiers d'extension Find elements diff 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

                        Simple tool, that helps developers and QA teams deliver pixel perfect frontend to clients.

Generally, this extension solves these problems:

1. Compare screenshots of DOM elements on different pages. For example, you have development and production versions and you want to compare them.
2. Compare screenshot of DOM element with design (uploaded as png file)

Tool integrated in DevToolsPanel. Elements -> Find Diff                    

Informations de Base sur l'Extension

Nom Find elements diff Find elements diff
ID cghcafdbpkgmmjhecehjknhhhbniledd
URL Officiel https://chromewebstore.google.com/detail/find-elements-diff/cghcafdbpkgmmjhecehjknhhhbniledd
Description Take screenshots of elements and compare images
Taille du Fichier 9.18 MB
Nombre d'Installations 528
Version Actuelle 0.0.1
Dernière Mise à Jour 2020-11-27
Date de Publication 2020-09-29
Évaluation 4.56/5 Total 9 Évaluations
Développeur https://find-elements-diff.com
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://find-elements-diff.com/
Langues Prises en Charge en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Find elements diff",
    "description": "Take screenshots of elements and compare images",
    "version": "0.0.1",
    "devtools_page": "devtools.html",
    "browser_action": {
        "default_icon": "icon.png"
    },
    "icons": {
        "16": "icon16.png",
        "32": "icon32.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "background": {
        "scripts": [
            "build\/background.js"
        ],
        "persistent": true
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "build\/content.js"
            ]
        }
    ],
    "permissions": [
        ""
    ]
}