Postscribe: ไลบรารี JavaScript ที่เรียบง่ายและยืดหยุ่นสำหรับการตรวจจับการเปลี่ยนแปลงใน DOM
Postscribe เป็นไลบรารี JavaScript ที่ให้คุณสมัครรับการเปลี่ยนแปลงในเอกสาร และได้รับแจ้งเมื่อการเปลี่ยนแปลงเหล่านั้นเกิดขึ้น คล้ายกับ API `MutationObserver` แต่ใช้งานง่ายกว่าและยืดหยุ่นกว่า
ด้วย Postscribe คุณสามารถระบุฟังก์ชันที่จะเรียกใช้ทุกครั้งที่ตรวจพบการเปลี่ยนแปลง และคุณยังสามารถระบุออบเจ็กต์ตัวเลือกที่ช่วยให้คุณปรับแต่งพฤติกรรมของ ห้องสมุด. ตัวอย่างเช่น คุณสามารถใช้ตัวเลือก `childList` เพื่อระบุประเภทการเปลี่ยนแปลงที่คุณต้องการตรวจพบ (เช่น เฉพาะองค์ประกอบ เฉพาะแอตทริบิวต์ เป็นต้น) ต่อไปนี้คือตัวอย่างวิธีที่คุณอาจใช้ Postscribe เพื่อตรวจหาการเปลี่ยนแปลงในเอกสาร:
```
const ผู้สังเกตการณ์ = new Postscribe(document, {
childList: true, // ตรวจพบการเปลี่ยนแปลงในแผนผังย่อยของเด็กทั้งหมด: true, // ตรวจพบการเปลี่ยนแปลงในแผนผังย่อยทั้งหมดแอตทริบิวต์OldValue: true // ตรวจพบการเปลี่ยนแปลงในแอตทริบิวต์
});
observer .onChange = function(change) {
console.log('Changeตรวจพบ:', change);
};
```
ในตัวอย่างนี้ `Postscribe` instance ถูกสร้างขึ้นด้วย `childList`, `subtree`, และตัวเลือก `attributeOldValue` ตั้งค่าเป็น 'true' ซึ่งหมายความว่าไลบรารีจะตรวจพบการเปลี่ยนแปลงในรายการย่อยทั้งหมดของเอกสาร รวมถึงการเปลี่ยนแปลงในแผนผังย่อยทั้งหมด และการเปลี่ยนแปลงในคุณลักษณะ ฟังก์ชัน `onChange` จะถูกเรียกทุกครั้งที่ตรวจพบการเปลี่ยนแปลง
Postscribe เป็นเครื่องมือที่มีประโยชน์สำหรับการดีบักและทดสอบแอปพลิเคชันเว็บ เนื่องจากช่วยให้คุณตรวจจับและตอบสนองต่อการเปลี่ยนแปลงใน DOM ได้อย่างง่ายดาย นอกจากนี้ยังเป็นตัวเลือกที่ดีสำหรับแอปพลิเคชันที่ต้องตรวจสอบสถานะของ DOM เมื่อเวลาผ่านไป เช่น เครื่องมือการทำงานร่วมกันแบบเรียลไทม์หรือแอปการแสดงภาพข้อมูล
ฉันชอบวิดีโอนี้
ฉันไม่ชอบวิดีโอนี้
รายงานข้อผิดพลาดของเนื้อหา
share
