2012-06-29 10 views
39

मैं हाल ही में किसी अन्य के जेएस के साथ काम कर रहा हूं, और इसे वास्तव में डीबग करने की कोशिश करने से नफरत कर रहा हूं। क्रोम के देव उपकरण के साथ भी मैं पेज लोड के दौरान होने वाले बहुत से डीओएम परिवर्तनों को ट्रैक नहीं कर सकता।पता लगाएं कि जावास्क्रिप्ट क्या डोम बदलता है?

क्या कोई उपकरण है जो मुझे दिखाएगा कि डीओएम का क्या हिस्सा है (एक अतिरिक्त विशेषता कहें) जेएस द्वारा किया गया था?

धन्यवाद

उत्तर

39

क्रोम देव उपकरणों में, आप निष्पादन को तोड़ने जब डोम में परिवर्तन का विकल्प है। Breakpoints on DOM Mutation Events: enter image description here

इसके अलावा एक स्क्रीनशॉट Wolfram के जवाब (+1)

enter image description here

+0

क्या चयनकर्ता का उपयोग कर डीओएम तत्वों के उप-समूह को तोड़ने का कोई तरीका है? धन्यवाद –

18

Jayraj के जवाब देने के लिए एक छोटी सी अलावा वर्णन करने के लिए। किसी भी तत्व पर राइट क्लिक करें और आप Break on Subtree Modifications और Break on Attributes Modifications और Break on Node Removal का चयन कर सकते हैं।

यह भी Firebug का उपयोग कर संभव है: एक तत्व पर राइट क्लिक करें और आपके पास बदलावों के लिए निगरानी करने के लिए कुछ विकल्प हैं।

संबंधित मुद्दे