Find elements diffคืออะไร?

Find elements diff เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://find-elements-diff.com และคุณลักษณะหลักของมันคือ "Take screenshots of elements and compare images"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Find elements diff

ดาวน์โหลดไฟล์ส่วนขยาย 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": [ "" ], "js": [ "build\/content.js" ] } ], "permissions": [ "" ] }