क्रोम एक्सटेंशन में डीओएम परिवर्तन को कैसे ट्रैक करें?

Question

मैं एक क्रोम एक्सटेंशन लिख रहा हूं जहां मैं सभी छवियों को किसी पृष्ठ पर मौजूद करना चाहता हूं लेकिन कुछ छवियों को कुछ समय बाद लोड किया जा सकता है (AJAX के माध्यम से हो सकता है) जिसे मैं निष्क्रिय होने के बाद प्राप्त नहीं कर सका। पेज लोड होने के बाद डीओएम परिवर्तन को ट्रैक करने का कोई तरीका है?

Answer 1

आप DOMNodeInserted ईवेंट के साथ document.addEventListener का उपयोग कर सकते हैं। आपके कॉलबैक को यह देखने के लिए प्रत्येक नोड सम्मिलन की जांच करनी होगी कि यह उस नोड का प्रकार है जिसे आप ढूंढ रहे हैं। निम्नलिखित की तरह कुछ काम करना चाहिए।

function nodeInsertedCallback(event) { 
    console.log(event); 
}; 
document.addEventListener('DOMNodeInserted', nodeInsertedCallback);