หาองค์ประกอบที่แตกต่าง: เครื่องมือง่าย ๆ สำหรับเปรียบเทียบภาพหน้าจอ
Find elements diff เป็นส่วนขยายของ Chrome ฟรีที่พัฒนาโดย furnasteam มันอยู่ในหมวดหมู่ของเบราว์เซอร์และหมวดหมู่ย่อยของ Add-ons & Tools โปรแกรมเครื่องมือที่เรียบง่ายนี้ถูกออกแบบเพื่อช่วยให้นักพัฒนาและทีม QA สามารถส่งมอบการทำ frontend ที่เป็นพิกเซลที่สมบูรณ์ได้ถึงลูกค้า
จุดประสงค์หลักของ Find elements diff คือการเปรียบเทียบภาพหน้าจอขององค์ประกอบ DOM บนหน้าเว็บที่แตกต่างกัน มันเป็นประโยชน์อย่างมากเมื่อเปรียบเทียบเวอร์ชันการพัฒนาและเวอร์ชันการผลิตของหน้าเว็บ โดยใช้ส่วนขยายนี้ นักพัฒนาและทีม QA สามารถระบุความแตกต่างระหว่างเวอร์ชันสองรุ่นได้โดยง่าย
นอกจากการเปรียบเทียบภาพหน้าจอขององค์ประกอบ DOM Find elements diff ยังช่วยให้ผู้ใช้สามารถเปรียบเทียบภาพหน้าจอขององค์ประกอบ DOM กับการออกแบบที่อัปโหลดเป็นไฟล์ png ได้ด้วย คุณสมบัตินี้ช่วยให้การทำ frontend ตรงกับการออกแบบอย่างแม่นยำ
Find elements diff ได้รวมเข้ากับ DevToolsPanel อย่างราบรื่น ทำให้ผู้ใช้สามารถเข้าถึงได้ง่าย ในการใช้เครื่องมือนี้ ผู้ใช้เพียงแค่ไปที่ Elements และเลือกตัวเลือก Find Diff
ด้วยอินเตอร์เฟซที่ใช้ง่ายและความสามารถในการเปรียบเทียบที่มีประสิทธิภาพ Find elements diff เป็นเครื่องมือมีค่าสำหรับนักพัฒนาและทีม QA ที่ต้องการส่งมอบการทำ frontend ที่เป็นพิกเซลที่สมบูรณ์ไปยังลูกค้า