Find elements diff
Take screenshots of elements and compare images
什么是Find elements diff？
Find elements diff是由https://find-elements-diff.com开发的Chrome扩展程序，该扩展的主要功能是“Take screenshots of elements and compare images”。
扩展截图
下载Find elements diff扩展crx文件
下载Find elements diff扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
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 |
| 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": [
" | |
