AOS: ส่วนขยาย Chrome สำหรับการดีบักภาพของการเลื่อนอนิเมชัน
AOS ซึ่งสร้างขึ้นโดยชุมชน AOS-extension และผู้มีส่วนร่วม เป็นส่วนขยายของ Chrome ที่ให้พื้นที่ทำงานสำหรับการดีบักภาพที่มองเห็นได้สำหรับไลบรารี Animate On Scroll มันให้ข้อเสนอแนะแบบเรียลไทม์เกี่ยวกับจุดกระตุ้นการเคลื่อนไหวและเปิดเผยการตรวจสอบคุณลักษณะ AOS ระดับองค์ประกอบ เครื่องมือนี้ยังเน้นองค์ประกอบที่อยู่ในมุมมองและเสนอการสลับสำหรับการทดสอบพฤติกรรมการเคลื่อนไหว ทำให้มันมีประโยชน์สำหรับนักพัฒนาส่วนหน้าและนักออกแบบ UI/UX ที่กำลังปรับแต่งการโต้ตอบที่ขับเคลื่อนด้วยการเลื่อน.
AOS แสดงข้อมูลเมตาดาต้าระดับองค์ประกอบ AOS เพื่อให้นักพัฒนาสามารถตรวจสอบเวลาและทริกเกอร์
การตรวจสอบองค์ประกอบ มุ่งเน้นไปที่คุณลักษณะเฉพาะของ AOS เช่น data-aos, data-aos-delay, และ data-aos-duration. ส่วนขยายจะแสดงว่าคุณลักษณะเหล่านั้นเชื่อมโยงกับพฤติกรรมบนหน้าจออย่างไรในขณะที่คุณเลื่อน ซึ่งแทนที่การตรวจสอบคอนโซลที่ซ้ำซากด้วยมุมมองภาพขององค์ประกอบที่กำหนดให้เคลื่อนไหวและเมื่อใด มุมมองนี้มุ่งเป้าไปที่หน้าเว็บที่ใช้ไลบรารี Animate On Scroll โดยเฉพาะ
การรวมเข้ากับกระบวนการทำงานของนักพัฒนาลดการคาดเดาในระหว่างการทดสอบ
ส่วนขยายเชื่อมต่อกับ UI ของเบราว์เซอร์ผ่านไอคอนแถบเครื่องมือหรือแผง DevTools ที่กำหนดไว้ โดยวางเครื่องมือการตรวจสอบไว้ในที่ที่การดีบักเกิดขึ้น มันรวมถึงการควบคุมเพื่อเปิดหรือปิดการเคลื่อนไหวสำหรับการเปรียบเทียบประสิทธิภาพและทำเครื่องหมายองค์ประกอบที่อยู่ใน viewport ในขณะนี้เพื่อการตรวจสอบอย่างรวดเร็ว นักพัฒนาสังเกตว่าส่วนขยายรักษา น้ำหนักเบา และไม่รบกวนประสิทธิภาพของไซต์ในระหว่างการท่องเว็บตามปกติ ดังนั้นมันจึงสามารถทำงานได้ในระหว่างการปรับแต่งแบบวนซ้ำ
ออกแบบมาสำหรับทีมด้านหน้าในการปรับปรุงอินเตอร์เฟซที่ขับเคลื่อนด้วยการเลื่อน ไม่ใช่สำหรับการสร้างอนิเมชัน
กลุ่มเป้าหมายรวมถึงวิศวกรด้านหน้าและนักออกแบบ UI/UX ที่ต้องการการตอบสนองทางภาพที่รวดเร็วขึ้นในขณะที่ปรับแต่งการโต้ตอบ ส่วนขยายช่วยลดวงจรการดีบักโดยการลบการบันทึกคอนโซลที่ซ้ำซากและให้สัญญาณภาพทันทีเกี่ยวกับตรรกะการมองเห็น มันมีให้บริการสำหรับ Chrome และเบราว์เซอร์ที่ใช้ Chromium อื่น ๆ บนแพลตฟอร์มเดสก์ท็อป ซึ่งเหมาะกับกระบวนการทำงานด้านหน้าหลายแพลตฟอร์มโดยไม่ต้องใช้เครื่องมือเพิ่มเติม
AOS เป็นเครื่องมือ QA ที่มุ่งเน้นสำหรับนักพัฒนาที่ทำการปรับแต่งการเคลื่อนไหวเมื่อเลื่อน
ส่วนขยายนี้เป็นเพื่อนที่มีประโยชน์สำหรับนักพัฒนาที่ต้องการการยืนยันทางสายตาของพฤติกรรมที่เกิดจากการเลื่อนในระหว่างการทดสอบขั้นสุดท้าย มันจะตรวจสอบการใช้งาน AOS ที่มีอยู่เท่านั้น ดังนั้นจึงควรใช้ในสภาพแวดล้อมการทดสอบหรือการสร้างในเครื่องแทนที่จะใช้กับการจราจรในผลิตภัณฑ์ และเปรียบเทียบผลลัพธ์กับโปรไฟล์เบราว์เซอร์ที่สะอาดเพื่อตรวจหาความแตกต่างที่เกิดจากส่วนขยาย ในฐานะที่เป็นเครื่องมือช่วยในการดีบักที่มุ่งเน้น มันช่วยเร่งขั้นตอนการปรับแต่งสำหรับหน้าเว็บที่มีการเคลื่อนไหวมากมาย
