Find elements diff

Take screenshots of elements and compare images

ما هو Find elements diff؟

Find elements diff هو إضافة Chrome تم تطويرها بواسطة https://find-elements-diff.com، والميزة الرئيسية لها هي "Take screenshots of elements and compare images".

لقطات شاشة التمديد

screenshot
screenshot
screenshot
screenshot

تحميل ملف CRX للإضافة Find elements diff

قم بتنزيل ملفات الامتداد Find elements diff بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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                    

معلومات أساسية عن التمديد

الاسم Find elements diff Find elements diff
ID cghcafdbpkgmmjhecehjknhhhbniledd
عنوان URL الرسمي https://chromewebstore.google.com/detail/find-elements-diff/cghcafdbpkgmmjhecehjknhhhbniledd
الوصف Take screenshots of elements and compare images
حجم الملف 9.18 MB
عدد التثبيتات 528
النسخة الحالية 0.0.1
آخر تحديث 2020-11-27
تاريخ النشر 2020-09-29
تقييم 4.56/5 مجموع تقييمات 9
المطور https://find-elements-diff.com
البريد الإلكتروني [email protected]
نوع الدفع free
موقع الإضافة https://find-elements-diff.com/
اللغات المدعومة 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": [
        ""
    ]
}