Take screenshots of elements and compare images
Find elements diff Extension
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
Source Manifest.json
Similar Extensions
Designer Tools 654 227 ★ 987KiB
VisBug 654 252 ★ 5.38MiB
HTML Diff Check Tool 654 17 ★ 1.46MiB
Dimensions 654 454 ★ 17.28KiB
MobX Developer Tools 654 51 ★ 682KiB
BrowserStack 654 95 ★ 805KiB
Pix to pix (Pixel perfect by Ymatuhin) 654 26 ★ 34.18KiB
Element Locator 654 22 ★ 264KiB
Hoverify 654 145 ★ 14.54MiB
Grid Ruler 654 335 ★ 288KiB
Bug Magnet 654 61 ★ 39.66KiB
Liner. The Real Ruler 654 74 ★ 54.28KiB
CSS Scan 654 84 ★ 1.41MiB
Pixel Perfect Pro 654 12 ★ 124KiB
CSS Used 654 184 ★ 164KiB
Amino: Live CSS Editor 654 453 ★ 1.45MiB
HTML Elements Screenshot 654 29 ★ 147KiB
Element Capture 654 8 ★ 71.93KiB
WordPress Theme Detector and Plugins Detector 654 274 ★ 55.11KiB
CSSViewer 654 371 ★ 301KiB
Dimensions Inspect | Gridman 654 87 ★ 816KiB
PixelParallel by htmlBurger 654 65 ★ 223KiB
PerfectPixel by WellDoneCode (pixel perfect) 654 605 ★ 732KiB
LambdaTest 654 19 ★ 629KiB
User reviews
Евгений Голов (ID: 000000fe124c3773) Voted 1 ★ - Updated 12/10/2020
Екатерина Хиндикайнен (ID: 0000005e2a86dc21) Voted 5 ★ - Updated 10/08/2020
Maria Sankina (ID: 000000888b06c5cc) Voted 5 ★ - Updated 09/27/2020