2013-07-18 11 views
9

में एक ही समय में तत्व टैब और स्रोत टैब को कैसे देखें मेरे पास एक कोड खाली है <div> मेरे कोड में कहीं से डाला जा रहा है, और जब यह आ रहा है तो यह खोजना मुश्किल है। मैं debugger; का उपयोग कर रहा हूं और कोड के माध्यम से कदम, हालांकि, चरण फ़ंक्शन क्रोम देव उपकरण के 'स्रोत' टैब में है, और 'तत्व' टैब में मुझे जिस दृश्य की आवश्यकता है। मेरे पास दो स्क्रीन हैं, और एक स्क्रीन पर देव उपकरण हैं और दूसरे पर पेज है, लेकिन मुझे यह देखने की ज़रूरत है कि HTML के माध्यम से div कब आ रहा है जब मैं कोड के माध्यम से कदम उठाता हूं, और टैब को स्विच करने के लिए यह काफी बोझिल है प्रत्येक क्लिक।क्रोम देव उपकरण

क्या इस दृश्य को तेजी से समस्या निवारण (शायद देव उपकरण का दूसरा उदाहरण? या टैब को विभाजित करने के लिए) पूरा करने का कोई तरीका है?, या कोई अन्य सुझाव? चूंकि मुझे नहीं पता कि यह कैसे उत्पन्न हो रहा है, मैं div को रंग नहीं दे सकता और स्क्रीन पर आने वाले रंग की तलाश कर सकता हूं ...

उत्तर

10

यदि आपके तत्व को कुछ तत्व डाला गया है और आप कोड ढूंढना चाहते हैं इसे जोड़ने के लिए ज़िम्मेदार है तो मैं debugger; से अधिक उपयुक्त टूल का उपयोग करने का सुझाव देता हूं। "subtree modifications" देखें:

Break on -> subtree modifications

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