Google डेवलपर टूल/फ़ायरबग

Question

के साथ सभी डोम सबट्री संशोधनों को कैसे लॉग इन करें, मुझे पता है कि Google डेवलपर टूल का उपयोग करके सभी सबट्री संशोधनों पर 'ब्रेक' कैसे करें, लेकिन जावास्क्रिप्ट में सभी कॉल लॉग करने का कोई तरीका है जिसके परिणामस्वरूप उप-संशोधित संशोधन एक HTML तत्व? मुझे ऐसा करने की ज़रूरत है क्योंकि अगर मैं उपट्री में संशोधन को तोड़ता हूं, तो वेबसाइट क्रैश हो जाती है और मैं जावास्क्रिप्ट कॉल को देखने में असमर्थ हूं जिसका इस्तेमाल किया गया था।

Answer 1

आप केवल प्रवेश में रुचि रखते हैं, जब एक नोड डाला जाता है या डोम से हटा दिया है और क्या नोड यह था और जहां यह डाला गया था या हटा दिया है, तो आप कुछ इस तरह कर सकता है:

(function(){ 

    function log(e) { 
     console.log(e); 
    } 
    document.body.addEventListener("DOMNodeInserted", log); 
    document.body.addEventListener("DOMNodeRemoved", log); 

})(); 

यह आपको पाठ्यक्रम का कोई ढेर नहीं देता है, लेकिन आपको यह संकेत देना चाहिए कि समस्या कहां हो सकती है।