2013-10-17 3 views
51

मैं एक तत्व का निरीक्षण कैसे कर सकता हूं जो गायब हो जाता है जब मेरा माउस दूर हो जाता है? Example dropdown which disappearsमैं ब्राउज़र में गायब तत्व का निरीक्षण कैसे कर सकता हूं?

मुझे नहीं पता कि यह आईडी, कक्षा या कुछ भी है लेकिन इसका निरीक्षण करना चाहते हैं।

समाधान मैं कोशिश की है:

भागो jQuery सांत्वना $('*:contains("some text")') अंदर चयनकर्ता लेकिन किसी भी भाग्य नहीं था जिसका मुख्य कारण तत्व छिपा हुआ नहीं है, लेकिन शायद डोम पेड़ से निकाल दिया।

परिवर्तनों के लिए मैन्युअल रूप से डीओएम पेड़ का निरीक्षण करने से मुझे कुछ भी नहीं मिलता है क्योंकि यह बदल गया है कि क्या बदल गया है।

सफलता:

मैं घटना breakpoints के साथ सफल रहे हैं। विशेष रूप से - मेरे मामले में mousedown। क्रोम में बस Sources-> Event Listener Breakpoints-> Mouse-> mousedown पर जाएं। उसके बाद मैंने उस तत्व पर क्लिक किया जिसे मैं निरीक्षण करना चाहता था और Scope Variables के अंदर मैंने कुछ उपयोगी दिशाएं देखीं।

उत्तर

66

(यह उत्तर केवल Chrome डेवलपर टूल पर लागू होता है।)

एक तत्व है कि गायब तत्व शामिल हैं। तत्व पर राइट क्लिक करें और "ब्रेक ऑन ...> सबट्री संशोधनों" पर लागू करें। यह तत्व गायब होने से पहले एक डीबगर विराम फेंक देगा, जो आपको रोके गए अवस्था में तत्व के साथ बातचीत करने की अनुमति देगा।

enter image description here

+1

कुछ संभावित भ्रम से बचने के लिए - डीबगर रोक देगा क्योंकि आप किसी ईवेंट नाम में ए.के.ए. टाइपिंग को ट्रिगर कर रहे हैं। जब स्क्रीन रुक जाती है तो बस डोम पर प्ले बटन दबाएं और आप ईवेंट को ट्रिगर करने में सक्षम होंगे। –

0

आप तत्वों के तहत इंस्पेक्टर में प्रकट होने वाले गायब तत्वों को देख और गायब कर सकते हैं। यदि आप दिखाई देने पर तत्व पर नेविगेट करते हैं तो आपको इसे गायब होने में सक्षम होना चाहिए या स्थिति बदलते समय इसके सीएसएस परिवर्तन को देखना चाहिए।

फ़ायरफ़ॉक्स में फ़ायरबग या क्रोम में निर्मित इंस्पेक्टर के साथ यह संभव है।

+1

हां। मैंने कहा है कि डीओएम में परिवर्तन बहुत तेजी से होते हैं और पेज डोम को बहुत अधिक संशोधित करता है, इसलिए यह वास्तव में समाधान नहीं है क्योंकि मैं अपने आवश्यक तत्वों को हर जगह संशोधनों के समूह से अलग करने में सक्षम नहीं हूं :) –

+0

आप कंसोल का उपयोग कर क्या चल रहा है इसका पता लगाने का प्रयास कर सकते हैं। लॉग उदाहरण फ़ंक्शन की शुरुआत में आप यह जांचने की कोशिश कर रहे हैं कि आप ऑब्जेक्ट सीएसएस इत्यादि देख सकते हैं या परिवर्तनों को धीमा कर दें जब तक आपको पता न हो कि वे ठीक से काम करते हैं और फिर उस गति को बदलें जिसे आप चाहते हैं। jquery – matpol

+0

में छुपाएं ('धीमा') समस्या यह है - यह मेरा स्वयं का कोडबेस नहीं है, यह एक विरासत, बड़ा, पुराना, कोडबेस है जहां फाइलों के माध्यम से सरल खोज मुझे कुछ भी नहीं देती .. :) –

2

Firebug में इसके लिए अलग अलग समाधान कर रहे हैं:

  1. आप HTML पैनल के अंदर Break On Mutate उपयोग कर सकते हैं। (इस के साथ आप भी पता लगाने के लिए जो तत्व यह है में सक्षम हो जाएगा)
  2. आप तत्व राइट क्लिक करें और Firebug

इसके अलावा के साथ निरीक्षण तत्व चयन कर सकते हैं आप issue 551 पालन करने के लिए, चाहते हो सकता है जो अस्थायी रूप से विशिष्ट घटनाओं को अवरुद्ध करने का एक तरीका मांगता है।

संपादित करें:

पता लगाने के लिए जो तत्व यह आप भी सक्षम HTML panel optionsहाइलाइट परिवर्तन कर सकते हैं, परिवर्तन और देखें में स्क्रॉल परिवर्तन विस्तृत तत्व एचटीएमएल पैनल के अंदर दृश्यमान बनाने के लिए है ।

सेबस्टियन

+0

क्रोम के साथ ही सभ्य निरीक्षक भी है। समस्या यह है - तत्व पर राइट क्लिक करने से यह मेरे मामले में गायब हो जाता है। क्रोम ने डीओएम म्यूटेट पर ब्रेक भी किया है। इसके साथ समस्या - मुझे नहीं पता कि यह किस तत्व के रूप में गतिशील रूप से जेनरेट किया गया है –

+1

मैंने अभी अपना जवाब संपादित किया है कि यह जानने के लिए कि यह कौन सा तत्व है। –

24

क्रोम में एक वैकल्पिक पद्धति:

तत्व आप चाहते हैं प्रदर्शित किया जाता है, वहीं प्रेस F8 (या Ctrl + /)। डीओएम को ठीक उसी तरह ठंडा करते समय यह स्क्रिप्ट निष्पादन को तोड़ देगा।

वहां से आप बेड़े तत्व का चयन करने के लिए Ctrl + Shift + C का उपयोग कर सकते हैं।

+1

बिल्कुल सही !! यह वही करता है जो मैं चाहता था –

+0

मैंने देखा कि यह केवल तभी काम करता है जब आपके पास 'स्रोत' टैब में डेवलपर टूल पहले ही खोले गए हों। – hbulens

2

मैं मैक पर क्रोम वहाँ मैं ऊपर दिए गए चरण का पालन किया है उपयोग कर रहा हूँ, लेकिन मैं में और व्याख्या करने की कोशिश करेंगे:

  1. राइट क्लिक करें और तत्व का निरीक्षण करने के लिए जाना।
  2. स्रोत टैब पर जाएं।
  3. फिर तत्व पर होवर करें।
  4. फिर कीबोर्ड F8 Command(Window) \ का उपयोग कर। यह एक स्थैतिक स्थिति में स्क्रीन को रोक देगा और तत्व होवर पर गायब नहीं होगा।
संबंधित मुद्दे

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