What is Find elements diff?

Find elements diff is a Chrome extension developed by https://find-elements-diff.com, and its main feature is "Take screenshots of elements and compare images".

Extension Screenshots

Download Find elements diff Extension CRX File

Download Find elements diff extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name	Find elements diff
ID	cghcafdbpkgmmjhecehjknhhhbniledd
Official URL	https://chromewebstore.google.com/detail/find-elements-diff/cghcafdbpkgmmjhecehjknhhhbniledd
Description	Take screenshots of elements and compare images
File Size	9.18 MB
Installation Count	528
Current Version	0.0.1
Last Updated	2020-11-27
Publish Date	2020-09-29
Rating	4.56/5 Total 9 Ratings
Developer	https://find-elements-diff.com
Email	[email protected]
Payment Type	free
Extension Website	https://find-elements-diff.com/
Supported Languages	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": [ "" ] }