DOM Mutation Debugger: Gerçek Zamanlı DOM İzleme
DOM Mutation Debugger, Chrome tarayıcısı için tasarlanmış bir eklentidir ve kullanıcıların sayfa içindeki DOM değişikliklerini doğrudan görselleştirmesine olanak tanır. Geliştiricilerin, DevTools'u sürekli açık tutmadan, değişiklikleri anlık olarak izleyebilmeleri için geliştirilmiştir. Bu araç, değişen öğeleri gerçek zamanlı olarak vurgulayarak, detaylı mutasyon bilgilerini gösteren ipuçları sunar. Kullanıcılar, bu ipuçlarına tıklayarak mutasyon verilerini global bir değişken olarak kaydedebilirler. Ayrıca, kullanıcıların deneyimini özelleştirebilmeleri için filtreleme, gruplama ve hız ayarları gibi seçenekler de mevcuttur.
Eklenti, hem açık hem de koyu tema desteği sunarak farklı kullanıcı tercihlerine hitap eder. Sentry modu, sürekli izleme için anlık uyarılar sağlarken, global nesne $dmd, son 10 kaydedilen mutasyonu saklar. Her bir mutasyon, değiştirilen öğe, seçici ve değişiklik bilgilerini içerir. Bu özellikler, DOM değişikliklerini etkili bir şekilde takip etmek isteyen geliştiriciler için son derece faydalıdır.